uniapp小程序版本更新如何通知用户

来源:网络 文章列表 2023-02-06 8
uniapp,微信小程序实现程序更新通知用户进行版本更新

一、问题

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

二、解决思路

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

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

微信开发者工具上可以通过 「编译模式 」下的「 下次编译模拟更新」 开关来调试 .
点击编译模式设置下拉列表,然后点击 “ 添加编译模式 ” ,在自定义编译条件弹窗界面,点击下次编
译时模拟更新,然后点击确定,重新编译就可以了 .
注: 需要注意的是,这种方式模拟更新一次之后就失效了,后边再测试仍需要对这种编译模式进行
重新设置才可以 . 

腾讯云限量秒杀

1核2G 5M 50元/年 2核4G 8M 74元/年 4核8G 5M 818元/年 CDN流量包 100GB 9元

版权声明

本站部分原创文章,部分文章整理自网络。如有转载的文章侵犯了您的版权,请联系站长删除处理。如果您有优质文章,欢迎发稿给我们!联系站长:
愿本站的内容能为您的学习、工作带来绵薄之力。

评论

  • 随机获取
点击刷新
精彩评论

友情链接