千锋教育-做有情怀、有良心、有品质的职业教育机构
当小程序发布新的版本后,用户如果之前访问过该小程序,通过已打开的小程序进入(未手动删除),则会弹出提示,提醒用户更新新的版本。
用户点击确定就可以自动重启更新,点击取消则关闭弹窗,不再更新. 核心步骤:
- 打开小程序, 检查小程序是否有新版本
updateManager.onCheckForUpdate(function (res) {}) 小程序有新版本,则静默下载新版本,做好更新准备updateManager.onUpdateReady(function () {}) 新的版本已经下载好,调用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: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。' }) } } })
上一篇
小程序生命周期下一篇
小程序嵌入H5页面怎么做相关推荐