首页 > 热点 > 微信 > 正文

微信小程序发布新版本时自动提示用户更新的方法

2024-07-22 01:18:14
字体:
来源:转载
供稿:网友

如图,当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除),则会弹出这个提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新。

官方给的示例代码:

const updateManager = wx.getUpdateManager()updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 console.log(res.hasUpdate)})updateManager.onUpdateReady(function () { wx.showModal({  title: '更新提示',  content: '新版本已经准备好,是否重启应用?',  success(res) {   if (res.confirm) {    // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启    updateManager.applyUpdate()   }  } })})updateManager.onUpdateFailed(function () { // 新版本下载失败})

官方提供的demo中,只有最基本的更新提示,并未做异常处理。而且官方也说了这个功能基础库 1.9.90 开始支持,低版本需做兼容处理,那么就需要对着端代码进行改进了。

另一方面,如果当前版本更新有重大调整,一定需要用户更新,那么可以在用户点击取消的回调中给出提示,并重新进入版本提示流程。如下图,在上边的更新提示中,用户点击取消,则弹出下面提示弹窗,用户点击确定,则更新版本,点击取消,则重新调用上边的更新提示。总之,用户只有更新了,才能正常访问小程序(如非必须,建议慎用)。

改善后的代码:

//app.jsApp({ onLaunch: function(options) {  this.autoUpdate() }, autoUpdate:function(){  console.log(new Date())  var self=this  // 获取小程序更新机制兼容  if (wx.canIUse('getUpdateManager')) {   const updateManager = wx.getUpdateManager()   //1. 检查小程序是否有新版本发布   updateManager.onCheckForUpdate(function (res) {    // 请求完新版本信息的回调    if (res.hasUpdate) {     //2. 小程序有新版本,则静默下载新版本,做好更新准备     updateManager.onUpdateReady(function () {      console.log(new Date())      wx.showModal({       title: '更新提示',       content: '新版本已经准备好,是否重启应用?',       success: function (res) {        if (res.confirm) {         //3. 新的版本已经下载好,调用 applyUpdate 应用新版本并重启         updateManager.applyUpdate()        } else if (res.cancel) {         //如果需要强制更新,则给出二次弹窗,如果不需要,则这里的代码都可以删掉了         wx.showModal({          title: '温馨提示~',          content: '本次版本更新涉及到新的功能添加,旧版本无法正常访问的哦~',          success: function (res) {              self.autoUpdate()           return;                    //第二次提示后,强制更新                      if (res.confirm) {            // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启            updateManager.applyUpdate()           } else if (res.cancel) {            //重新回到版本更新提示            self.autoUpdate()           }          }         })        }       }      })     })     updateManager.onUpdateFailed(function () {      // 新的版本下载失败      wx.showModal({       title: '已经有新版本了哟~',       content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~',      })     })    }   })  } else {   // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示   wx.showModal({    title: '提示',    content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'   })  } }})            
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表