美文网首页
小程序版本更新机制

小程序版本更新机制

作者: 目鱼 | 来源:发表于2022-01-25 13:38 被阅读0次

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

    参考文献

    更新机制: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();
        },
    
    

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

    相关文章

      网友评论

          本文标题:小程序版本更新机制

          本文链接:https://www.haomeiwen.com/subject/amewhrtx.html