小程序版本更新机制

小程序发布后,某些用户表示不能及时获取到新版本。

参考文献

更新机制:https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/update-mechanism.html

运行机制:https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/operating-mechanism.html

什么原因导致小程序无法自动更新?

开发者在后台发布版本后,是不会立即更新到所有用户的。微信客户端会有若干个时机去检查是否存在新版本,并进行小程序代码更新,但是本地如果存在旧版本,打开的还是旧版本。
这时候小程序只能等到下次冷启动时才会打开最新版本。

我们在使用小程序的时候 退出小程序后。小程序是不会立即被销毁的。这个时候小程序只是被挂起了。挂起时间大概30分钟未操作小程序。这时候小程序就会被销毁。再次打开就是所谓的冷启动。

小程序在启动时候分两种情况

冷启动:

如果用户首次打开,或小程序销毁后被用户再次打开,此时小程序需要重新加载启动,即冷启动。

小程序在每次冷启动的时候都会异步检测是否存在新版本,如果有新版本的话将会异步下载。但本次的启动还是用的旧版代码包,这样就只能等到下一次冷启动才会被应用上。

热启动:

如果用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时小程序并未被销毁,只是从后台状态进入前台状态,这个过程就是热启动。

解决方案:

wx.getUpdateManager

通过小程序每次打开后手动执行更新检测逻辑;

逻辑实现

// 小程序启动检测更新服务
export default class WxUpdateService {
  constructor() {
    console.log('开始检测小程序是否更新-----------------')
    this.init();
  }

  init() {

    //版本更新
    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) {
                console.log("success====", res);
                if (res.confirm) {
                  // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                  updateManager.applyUpdate();
                } else if (res.cancel) {
                  //用户点击取消按钮的处理,如果需要强制更新,则给出二次弹窗,如果不需要,则这里的代码都可以删掉了
                  wx.showModal({
                    title: "温馨提示~",
                    content: "本次版本更新涉及到新的功能添加,旧版本将无法正常访问",
                    showCancel: false, //隐藏取消按钮
                    confirmText: "确定更新", //只保留确定更新按钮
                    success: function (res) {
                      if (res.confirm) {
                        updateManager.applyUpdate();
                      }
                    },
                  });
                }
              },
            });
          });
          updateManager.onUpdateFailed(function () {
            // 新的版本下载失败
            wx.showModal({
              title: "新版本提醒",
              content: "检测到新版本,请您删除当前小程序重新搜索打开!",
            });
          });
        }
      });
    }
  }
}


app.js onLaunch 中调用

    import WxUpdateService from '@/code/service/wx-update-service.js';  // 小程序更新检测机制引入


    async onLaunch() {
          // 小程序更新检测
          new WxUpdateService();
    },

小程序在用户每次打开的时候 都会进行检测。给用户带来良好体验~

你可能感兴趣的:(小程序版本更新机制)