微信小程序 更新版本操作

2023年5月19日14:26:12 发表评论
广告也精彩

因微信客户端对微信小程序有缓存机制,新发布的微信小程序版本通常在24小时后才会更新。

要想让用户更快体验到最新发布的微信小程序,需在微信小程序启动时,自动检测并升级更新到最新版本,代码如下:

  1. App({
  2.   onLaunch: function(options) {
  3.     this.autoUpdate()
  4.   },
  5.   autoUpdate: function() {
  6.     var self = this
  7.     // 获取小程序更新机制兼容
  8.     if (wx.canIUse('getUpdateManager')) {
  9.       const updateManager = wx.getUpdateManager()
  10.       //1. 检查小程序是否有新版本发布
  11.       updateManager.onCheckForUpdate(function(res) {
  12.         // 请求完新版本信息的回调
  13.         if (res.hasUpdate) {
  14.           //检测到新版本,需要更新,给出提示
  15.           wx.showModal({
  16.             title: '更新提示',
  17.             content: '检测到新版本,是否下载新版本并重启小程序?',
  18.             success: function(res) {
  19.               if (res.confirm) {
  20.                 //2. 用户确定下载更新小程序,小程序下载及更新静默进行
  21.                 self.downLoadAndUpdate(updateManager)
  22.               } else if (res.cancel) {
  23.                 //用户点击取消按钮的处理,如果需要强制更新,则给出二次弹窗,如果不需要,则这里的代码都可以删掉了
  24.                 wx.showModal({
  25.                   title: '温馨提示~',
  26.                   content: '本次版本更新涉及到新的功能添加,旧版本无法正常访问的哦~',
  27.                   showCancel:false,//隐藏取消按钮
  28.                   confirmText:"确定更新",//只保留确定更新按钮
  29.                   success: function(res) {
  30.                     if (res.confirm) {
  31.                       //下载新版本,并重新应用
  32.                       self.downLoadAndUpdate(updateManager)
  33.                     }
  34.                   }
  35.                 })
  36.               }
  37.             }
  38.           })
  39.         }
  40.       })
  41.     } else {
  42.       // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
  43.       wx.showModal({
  44.         title: '提示',
  45.         content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
  46.       })
  47.     }
  48.   },
  49.   /**
  50.    * 下载小程序新版本并重启应用
  51.    */
  52.   downLoadAndUpdate: function (updateManager){
  53.     var self=this
  54.     wx.showLoading();
  55.     //静默下载更新小程序新版本
  56.     updateManager.onUpdateReady(function () {
  57.       wx.hideLoading()
  58.       //新的版本已经下载好,调用 applyUpdate 应用新版本并重启
  59.       updateManager.applyUpdate()
  60.     })
  61.     updateManager.onUpdateFailed(function () {
  62.       // 新的版本下载失败
  63.       wx.showModal({
  64.         title: '已经有新版本了哟~',
  65.         content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~',
  66.       })
  67.     })
  68.   }
  69. })


微信扫描下方的二维码阅读本文

小陈号卡
ts小陈

发表评论(不允许含有网址!)

:?: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :cry: :mrgreen: :neutral: :razz:

已登录用户不需要填写以下内容