小程序自动更新(拿来就用👍)

最近写小程序项目，用到了自动更新，因为我懒得自己去一个个搜文档的方法，所以就去搜了一个现成的，毕竟知道原理。希望各位能在理解原理的情况下再直接拿来使用（项目赶紧的话当我没说QAQ）

/**
 * 检测当前的小程序
 * 是否是最新版本，是否需要下载、更新
 */
function checkUpdateVersion() {
  //判断微信版本是否 兼容小程序更新机制API的使用
  if (wx.canIUse('getUpdateManager')) {
    //创建 UpdateManager 实例
    const updateManager = wx.getUpdateManager();
    //检测版本更新
    updateManager.onCheckForUpdate(function(res) {
      // 请求完新版本信息的回调
      if (res.hasUpdate) {
        //监听小程序有版本更新事件
        updateManager.onUpdateReady(function() {
          //TODO 新的版本已经下载好，调用 applyUpdate 应用新版本并重启 （ 此处进行了自动更新操作）
          updateManager.applyUpdate();
        })
        updateManager.onUpdateFailed(function() {
          // 新版本下载失败
          wx.showModal({
            title: '已经有新版本喽~',
            content: '请您删除当前小程序，到微信 “发现-小程序” 页，重新搜索打开哦~',
          })
        })
      }
    })
  } else {
    //TODO 此时微信版本太低（一般而言版本都是支持的）
    wx.showModal({
      title: '溫馨提示',
      content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
    })
  }
}

建议在项目一开始构建时就加入哦，将方法放入小程序初始时就有的util.js中，然后可以在app.js的onLaunch()中调用就可以了！

//util.js中
function checkUpdateVersion(){...}
//util.js底下有导出方法
module.exports = {
  checkUpdateVersion
}

//app.js中
import { checkUpdateVersion } from "./utils/util"
App({
  //其他代码
  onLaunch() {
    //自动更新检查
    checkUpdateVersion()
  },
  //其他代码
})

如果想要在开发者工具上调试，可以选择调试模式

步骤1

步骤2