uniapp强制用户更新小程序

直接上代码,代码也是在博客上找的,未标明出处,如原作者看到,可联系删除或注明来源

在app.vue文件中,运行小程序时调用强制更新代码,检查小程序是否更新

onLaunch: function() {
    this.autoUpdate()
},

然后再methods方法中写autoUpdate()方法

// 强制用户更新小程序
            autoUpdate() {
                var self = this
                // 获取小程序更新机制兼容
                if (wx.canIUse('getUpdateManager')) {
                    const updateManager = wx.getUpdateManager()
                    //1. 检查小程序是否有新版本发布
                    updateManager.onCheckForUpdate(function(res) {
                        // 请求完新版本信息的回调
                        if (res.hasUpdate) {
                            //检测到新版本,需要更新,给出提示
                            wx.showModal({
                                title: '更新提示',
                                content: '检测到新版本,是否下载新版本并重启小程序?',
                                success: function(res) {
                                    if (res.confirm) {
                                        //2. 用户确定下载更新小程序,小程序下载及更新静默进行
                                        self.downLoadAndUpdate(updateManager)
                                    } else if (res.cancel) {
                                        console.log('用户取消更新小程序')
                                        //用户点击取消按钮的处理,如果需要强制更新,则给出二次弹窗,如果不需要,则这里的代码都可以删掉了
                                        // wx.showModal({
                                        //   title: '温馨提示~',
                                        //   content: '本次版本更新涉及到新的功能添加,旧版本无法正常访问的哦~',
                                        //   showCancel:false,//隐藏取消按钮
                                        //   confirmText:"确定更新",//只保留确定更新按钮
                                        //   success: function(res) {
                                        //     if (res.confirm) {
                                        //       //下载新版本,并重新应用
                                        //       self.downLoadAndUpdate(updateManager)
                                        //     }
                                        //   }
                                        // })
                                    }
                                }
                            })
                        }
                    })
                } else {
                    // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
                    wx.showModal({
                        title: '提示',
                        content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
                    })
                }
            },
            // 下载小程序新版本并重启应用
            downLoadAndUpdate(updateManager) {
                var self = this
                wx.showLoading();
                //静默下载更新小程序新版本
                updateManager.onUpdateReady(function() {
                    wx.hideLoading()
                    //新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                    updateManager.applyUpdate()
                })
                updateManager.onUpdateFailed(function() {
                    // 新的版本下载失败
                    wx.showModal({
                        title: '已经有新版本了哟~',
                        content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开!',
                    })
                })
            }

测试:

运行到微信开发者工具,点击图中三角,选择添加编译模式

 

 选择下次编译时模拟更新,更新状态自动加载,没做选择(需要注意:每次模拟更新都要设置,走一遍添加编译模式)

 

 点击确定,至此,结束~

posted @ 2022-10-21 14:39  king'sQ  阅读(526)  评论(0编辑  收藏  举报