微信小程序如何实现版本自动更新

扫一扫以上小程序【许愿灯池】可以查看具体更新效果

以下是【许愿灯池】小程序的更新效果图：

 

话不多说，直接上代码：

在app.js这个这个页面中将以下代码复制在onShow（）函数里面即可，非常简单！

效果说明:

如果系统检测到版本更新会调用wx.showModal()进行一个询问，问用户是否需要更新新的版本，后续的两个wx.showModal()是提醒用户有新的版本更新。

onShow(){
    if (wx.canIUse('getUpdateManager')) {

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