微信小程序提示用户更新线上版本

知识标签: Js/Css/jQuery

小程序先提交了一个版本,但是用的时候发现了一些问题需要及时的更新,这时候就要发布新版本。如何让用户自己的小程序也更新到最新版本呢?


一、运行机制

小程序启动会有两种情况,一种是「冷启动」,一种是「热启动」。

假如用户已经打开过某小程序,然后在一定时间内(五分钟)再次打开该小程序,此时无需重新启动,只需将后台态的小程序切换到前台,这个过程就是热启动;

冷启动指的是用户首次打开或小程序被微信主动销毁后再次打开的情况,此时小程序需要重新加载启动。


小程序没有重启的概念

当小程序进入后台,客户端会维持一段时间的运行状态,超过一定时间后(目前是5分钟)会被微信主动销毁

当短时间内(5s)连续收到两次以上收到系统内存告警,会进行小程序的销毁

二、更新机制

小程序冷启动时如果发现有新版本,将会异步下载新版本的代码包,并同时用客户端本地的包进行启动,即新版本的小程序需要等下一次冷启动才会应用上。 如果需要马上应用最新版本,可以使用 wx.getUpdateManager API 进行处理。


三、更新API

wx.getUpdateManager()使用该接口,可以获知是否有新版本小程序、新版本是否下载好以及应用新版本的能力。


// 获取小程序更新机制兼容

    if (wx.canIUse('getUpdateManager')) {

      const updateManager = wx.getUpdateManager()

      updateManager.onCheckForUpdate(function (res) {

        // 请求完新版本信息的回调

        if (res.hasUpdate) {

          updateManager.onUpdateReady(function () {

            wx.showModal({

              title: '更新提示',

              content: '新版本已经准备好,是否重启应用?',

              success: function (res) {

                if (res.confirm) {

                  // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启

                  updateManager.applyUpdate()

                }

              }

            })

          })

          updateManager.onUpdateFailed(function () {

            // 新的版本下载失败

            wx.showModal({

              title: '已经有新版本了哟~',

              content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~',

            })

          })

        }

      })

    } else {

      // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示

      wx.showModal({

        title: '提示',

        content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'

      })

    }

不知道把这段代码放在哪里,写这段代码时查了好多资料,最后放在了app.js的onLaunch方法里了

发布的第一版不会生效,下一版才会生效的。


作者:小新子666

链接:https://www.jianshu.com/p/ed71afd646ce

来源:简书

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。


沪ICP备09053415号 © 赶知识网