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

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~'
            })
          })
        }
      })
    }

5.1 模拟更新版本:

第一步:点击普通编译并添加编译模式

在这里插入图片描述

第二步:设定更新模式并勾选下一次编译时更新,点击确认

在这里插入图片描述

第四步:编译成功后,跳出更新页面

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值