微信小程序用户自动检测最新版本并更新2020年最新版亲测

微信小程序新版本发布之后,用户使用依然是旧版本,这是因为在微信中有旧版本的缓存,不会及时更新到新版本。要想让用户更新到新版本,可以通过提示用户在微信中的“发现 - 小程序”入口中将旧版小程序删除,然后再重新搜索并打开该小程序但这种方式的用户体验极差,不推荐。
所以我们要自己检测版本跟新提示用户,小程序会重新打开这样就好了。
在这里插入图片描述
然后点击确定
在这里插入图片描述
随着小程序的不断更新, 部分功能可能需要最新版的微信客户端才能使用. 这时候可以弹窗提示用户更新到最新版本微信

 if (wx.canIUse('getUpdateManager')) {
    
    
 ...
} else {
    
    
 // can't use getUpdateManager
 wx.showModal({
    
    
    title: '提示',
    content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
  })

在 app.js 中增加一个 onLaunch 生命周期函数,然后把微信的这段示例代码丢进去,在编译模式中勾选“下次编译时模拟更新”,编译时就可以看到效果了。
在这里插入图片描述
完整代码:写在app.js里面

 onLaunch () {
    
    
  if (wx.canIUse('getUpdateManager')) {
    
    
   const updateManager = wx.getUpdateManager()
   updateManager.onCheckForUpdate(function (res) {
    
    
    if (res.hasUpdate) {
    
    
     updateManager.onUpdateReady(function () {
    
    
      wx.showModal({
    
    
       title: '更新提示',
       content: '新版本已经准备好,是否重启应用?',
       success: function (res) {
    
    
        if (res.confirm) {
    
    
         updateManager.applyUpdate()
        }
       }
      })
     })
     updateManager.onUpdateFailed(function () {
    
    
      wx.showModal({
    
    
       title: '已经有新版本了哟~',
       content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~'
      })
     })
    }
   })
  } else {
    
    
   wx.showModal({
    
    
    title: '提示',
    content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
   })
  }
 }

上传代码的时候要带上版本号,然后微信会根据版本号判断是否为新版本。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/songyinyi/article/details/110111111