微信小程序及时更新到最新版本-强制手机端更新

小程序先提交了一个版本，但是用的时候发现了一些问题需要及时的更新，这时候就要发布新版本。如何让用户自己的小程序也更新到最新版本呢？

一、运行机制

小程序启动会有两种情况，一种是「冷启动」，一种是「热启动」。
假如用户已经打开过某小程序，然后在一定时间内（五分钟）再次打开该小程序，此时无需重新启动，只需将后台态的小程序切换到前台，这个过程就是热启动；
冷启动指的是用户首次打开或小程序被微信主动销毁后再次打开的情况，此时小程序需要重新加载启动。

• 小程序没有重启的概念

• 当小程序进入后台，客户端会维持一段时间的运行状态，超过一定时间后（目前是5分钟）会被微信主动销毁

• 当短时间内（5s）连续收到两次以上收到系统内存告警，会进行小程序的销毁

二、更新机制

小程序冷启动时如果发现有新版本，将会异步下载新版本的代码包，并同时用客户端本地的包进行启动，即新版本的小程序需要等下一次冷启动才会应用上。 如果需要马上应用最新版本，可以使用 wx.getUpdateManager API 进行处理。

三、更新API

wx.getUpdateManager()使用该接口，可以获知是否有新版本小程序、新版本是否下载好以及应用新版本的能力。

使用方法：在app.js的onLauch函数，加下面一段代码即可实现：

onLaunch(){
    wx.showLoading({
        title: '加载中..',
        mask: true
    })
    //微信小程序用户及时更新到最新版本
    const updateManager = wx.getUpdateManager()
    updateManager.onCheckForUpdate(function (res) {
      // 请求完新版本信息的回调
      console.log('是否有新版本: ', + res.hasUpdate)
      if (!res.hasUpdate) {
          wx.hideLoading()
      } 
    })
    updateManager.onUpdateReady(function () {
      wx.hideLoading()
      wx.showModal({
          title: '更新提示',
          content: '新版本已经准备好，是否重启应用？',
          showCancel: false,
          success: function (res) {
              if (res.confirm) {
                  // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
                  updateManager.applyUpdate()
              }
          }
      })
    })
    updateManager.onUpdateFailed(function () {
      wx.hideLoading();
      wx.showModal({
          title: '提示',
          content: '检查到有新版本，但下载失败，请检查网络后重试',
          showCancel: false
      })
    })
    setTimeout(wx.hideLoading, 5000)
}

由于onCheckForUpdate在检查新版本的时候会存在一定的延迟(在开发工具上大概4秒左右)，为防止在检查新版本过程中用户触发操作跳出首页，添加了一个wx.showLoading进行遮盖。

需要注意，上面的代码更新到新版本后也是不会立即生效的，所以还是需要用户进行一次冷启动。

参考：https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/update-mechanism.html

四、如何测试

image.png