目录
一、问题
当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除), 则会弹出提示,提醒用户更新新的版本。用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新.
二、解决思路
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: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
})
}
}
})
四、更新版本的模拟测试及验证
微信开发者工具上可以通过
「编译模式
」下的「
下次编译模拟更新」
开关来调试
.
点击编译模式设置下拉列表,然后点击
“
添加编译模式
”
,在自定义编译条件弹窗界面,点击下次编
译时模拟更新,然后点击确定,重新编译就可以了
.
注: 需要注意的是,这种方式模拟更新一次之后就失效了,后边再测试仍需要对这种编译模式进行
重新设置才可以
.
总结
本篇文章给大家介绍了微信小程序的版本更新后通知用户机制,希望对大家有所帮助