微信小程序版本更新弹窗提醒

812次阅读
没有评论

共计 981 个字符,预计需要花费 3 分钟才能阅读完成。

微信小程序新版本发布后,用户端的下发需要很长一段时间,导致旧版本的用户还是停留在旧版本,为了让其他用户尽快的能够升级到新版本,所以,需要后台主动拉取一下最新版本,做个判断,下面给出一个升级案例代码:

1、首先,新建一个 update 的方法,放置在 utils 文件夹下:

/**
 * 检测当前的小程序
 * 是否是最新版本,是否需要下载、更新
 */
function checkUpdateVersion() {
    // 判断微信版本是否 兼容小程序更新机制 API 的使用
    if (wx.canIUse('getUpdateManager')) {const updateManager = wx.getUpdateManager();
      // 检测版本更新
      updateManager.onCheckForUpdate(function (res) {if (res.hasUpdate) {updateManager.onUpdateReady(function () {
            wx.showModal({
              title: '温馨提示',
              content: '检测到新版本,是否重启小程序?',
              showCancel: false,
              success: function (res) {if (res.confirm) {
                  // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                  updateManager.applyUpdate()}
              }
            })
          })
          updateManager.onUpdateFailed(function () {
            // 新版本下载失败
            wx.showModal({
              title: '已有新版本',
              content: '请您删除小程序,重新搜索进入',
            })
          })
        }else{console.log('已经是最新版本')
        }
      })
    } else {
      wx.showModal({
        title: '溫馨提示',
        content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
      })
    }
  }
  
  module.exports = {checkUpdateVersion}

2、在 app.js 当中调用上方功能:

// app.js
import update from './utils/update'

App({
    // 全局变量
    globalData: {openid:"XXXXXXX"},
    // 初始化
    onLaunch() {
        // 进行更新判断
        update.checkUpdateVersion();}
})
正文完
加入官方交流QQ群:778957856
post-qrcode
 0
clark
版权声明:本站原创文章,由 clark 于2022-09-04发表,共计981字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)