当前位置:   article > 正文

uni-app进入小程序自动检测更新版本提示_uniapp微信小程序检查更新

uniapp微信小程序检查更新

小程序更新新的版本后,如果用户之前访问过该小程序,那么则需要手动删除小程序重新进入才可更新小程序。一比较麻烦,二用户体验不是很好。

那么下面代码可以解决这个问题,下面代码的效果是,打开之前访问过的小程序,如果该小程序有新版本,那么则会弹出更新提示,提醒用户更新新的版本。用户点击确定就可以自动重启并更新。

用法:将本段代码放进小程序 APP.vue 中的 onLaunch: function(options) {} 里即可。

  1. const updateManager = uni.getUpdateManager();
  2. console.log('更新管理对象:', updateManager);
  3. updateManager.onCheckForUpdate((res) => {
  4. console.log('版本是否有更新:', res);
  5. if (res.hasUpdate) {
  6. updateManager.onUpdateReady((res) => {
  7. uni.showModal({
  8. title: '更新提示',
  9. content: '小程序新版本已经准备好,是否重启小程序更新?',
  10. success(res) {
  11. if (res.confirm) {
  12. updateManager.applyUpdate();
  13. }
  14. }
  15. });
  16. });
  17. updateManager.onUpdateFailed((res) => {
  18. uni.showModal({
  19. title: '更新提示',
  20. content: '检查到有新版本,但是更新下载失败,请检查您的网络设置~',
  21. success(res) {
  22. if (res.confirm) {
  23. updateManager.applyUpdate();
  24. }
  25. }
  26. });
  27. });
  28. }
  29. })

那么放入后没有发布版本要怎么在开发工具测试代码是否有问题呢?往下看 ⬇️

开发工具测试方法:

第一步:点击上方添加编译模式。

第二步:在编译设置处勾选上下次编译时模拟更新。

第三步:刷新开发工具,即可看到更新提示。

第四步:将开发好的项目提交审核,审核通过发布版本即可。发布后重新进入小程序即可看到更新提示。

完成!!!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/1017282
推荐阅读
相关标签
  

闽ICP备14008679号