微信小程序版本更新如何通知用户?

举报
言程序 发表于 2022/07/25 09:35:50 2022/07/25
【摘要】 ​ ​编辑目录一、问题二、解决思路三、核心代码展示四、更新版本的模拟测试及验证一、问题     当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除), 则会弹出提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新. 二、解决思路1、打开小程序, 检查小程序是否有新版本发布 updateManager.onCheckFor...

 编辑

目录

一、问题

二、解决思路

三、核心代码展示

四、更新版本的模拟测试及验证



一、问题

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

二、解决思路

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: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。' 
            }) 
            } 
        } 
        })

四、更新版本的模拟测试及验证


微信开发者工具上可以通过「编译模式」下的「下次编译模拟更新」开关来调试.

点击编译模式设置下拉列表,然后点击添加编译模式,在自定义编译条件弹窗界面,点击下次编
译时模拟更新,然后点击确定,重新编译就可以了.

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


总结

本篇文章给大家介绍了微信小程序的版本更新后通知用户机制,希望对大家有所帮助

编辑


【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。