微信小程序线上更新版本流程及如何运用

最新推荐文章于 2025-05-26 16:27:16 发布

原创最新推荐文章于 2025-05-26 16:27:16 发布 · 3.7k 阅读

6 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文详细解析微信小程序的自动更新流程，包括热启动、冷启动的概念，利用updateManager对象进行版本检查、下载及重启的过程。通过代码示例，展示了如何实现小程序的自动更新，并提供模拟更新版本的方法。

1.1 小程序官方文档：

（1）小程序线上版本更新官方文档（updateManager对象管理线上版本更新)：https://developers.weixin.qq.com/miniprogram/dev/api/base/update/UpdateManager.html
（2）小程序强制更新：
https://developers.weixin.qq.com/community/develop/doc/000c2430d30b70251e86f0a0256c09

2.1 参考博客：

微信小程序版本自动更新：https://www.jianshu.com/p/4f5e3faaf483

3.1 关键知识点：

（1）小程序热启动
（2）小程序冷启动
（3）updateManager对象
（4）利用wx.canIuse( )方法判断getUpdateManger
（5）UpdateManager.onCheckForUpdate(function callback)回调函数监听是否后台有更新版本
（6）UpdateManager.onUpdateReady(function callback)监听版本成功下载后利用UpdateManager.applyUpdate()重启小程序
（7）UpdateManager.onUpdateFailed(function callback)监听版本更新失败后的回调
（8）微信小程序在冷更新并且有新版本的情况下才能重启

4.1 下图是更新的流程：

在这里插入图片描述

5.1 代码展示：

 if (wx.canIUse('getUpdateManager')) {
      const updateManager = wx.getUpdateManager()
      console.log(updateManager);
      updateManager.onCheckForUpdate(function (res) {
        // 请求完新版本信息的回调
        console.log(res);
        if (res.hasUpdate) {
          updateManager.onUpdateReady(function () {
            wx.showModal({
              title: '更新提示',
              content: '新版本已经准备好，是否重启应用？',
              success: function (res) {
                // res: {errMsg: "showModal: ok", cancel: false, confirm: true}
                if (res.confirm) {
                  // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
                  updateManager.applyUpdate()
                }
              }
            })
          })
          updateManager.onUpdateFailed(function () {
            // 新的版本下载失败
            wx.showModal({
              title: '已经有新版本了哟~',
              content: '新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~'
            })
          })
        }
      })
    }