微信小程序版本更新后提示用户更新

一、问题

 当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除), 则会弹出提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新.

二、解决方法

1、打开小程序 , 检查小程序是否有新版本发布

updateManager.onCheckForUpdate(function (res) {})

2、小程序有新版本,则静默下载新版本,做好更新准备

updateManager.onUpdateReady(function () {})

3、新的版本已经下载好,调用 applyUpdate 应用新版本并重启小程序

updateManager.applyUpdate()

三、核心代码展示

App({ 
    onLaunch: function(options) { 
         this.autoUpdate() 
    },
    autoUpdate:function(){ 
        var self=this // 获取小程序更新机制兼容 
        if (wx.canIUse('getUpdateManager')) { 
            const updateManager = wx.getUpdateManager() //1. 检查小程序是否有新版本发布                     
            updateManager.onCheckForUpdate(function (res) { // 请求完新版本信息的回调 
                if (res.hasUpdate) { //2. 小程序有新版本,则静默下载新版本,做好更新准备                                                 
                 updateManager.onUpdateReady(function () {
                     wx.showModal({ 
                            title: '更新提示', 
                            content: '新版本已经准备好,是否重启应用?',
                             success: function (res) { 
                                if (res.confirm) { 
                                   //3. 新的版本已经下载好,调用applyUpdate应用新版本并重启  
                                    updateManager.applyUpdate() 
                                } else if (res.cancel) {
                                         //不应用 
                                    } 
                                } 
                                })     
                             })
 
            updateManager.onUpdateFailed(function () {
                    // 新的版本下载失败
                 wx.showModal({ title: '已经有新版本了哟~',
                          content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~',             
                              })
                }) 
            } 
           })
        } else { 
        	// 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示     
           wx.showModal({ title: '提示', 
            content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。' 
            }) 
            } 
        } 
        })

四、编辑器模拟验证测试及验证

微信开发者工具上通过点击【编译模式】设置下拉列表,然后点击 【 添加编译模式】 ,最后点击【下次编译时模拟更新】,然后点击确定,重新编译就可以了。
在这里插入图片描述

注: 需要注意的是,这种方式模拟更新一次之后就失效了,后边再测试仍需要对这种编译模式进行
重新设置才可以 .

在这里插入图片描述

  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

半生过往

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值