当前位置:首页 > 小程序 >

微信小程序版本自动更新

发布时间:2020-05-29 10:34:50 作者:佚名 阅读:(46)

最近在做一个小程序每次更新版本之后都需要删除小程序,再次扫码进入才可以看到新版本,接下来吾爱编程为大家介绍一下微信小程序版本自动更新的方法,有需要的小伙伴可以参考一下:

1、启动机制:

    (1)、热启动:小程序打开后,在一段时间内(目前:5分钟)再次被打开,此时会将后台的小程序切换到前台。

    (2)、冷启动:程序首次打开或销毁后再次被打开

2、更新机制:

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

3、API更新:

// 获取小程序更新机制兼容
    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: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
      })
    }

4、代码位置:

    (1)、小程序重新初始化时会触发onLaunch事件.  onLaunch事件会触发在页面onShow事件之前.获取小程序更新版本可以写在onLaunch里。

    (2)、如果在onLaunch里进行请求, 这是异步请求. 如果对交互顺序有要求, 如: 版本更新--重新获取数据-- 用户展示, 那么需要考虑在callback里进行重获数据。

5、提示需要新版本微信:

    (1)、随着小程序的不断更新, 部分功能可能需要最新版的微信客户端才能使用. 这时候可以弹窗提示用户更新到最新版本微信。

    (2)、完整代码:

onLaunch () {
 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) {
        updateManager.applyUpdate()
       }
      }
     })
    })
    updateManager.onUpdateFailed(function () {
     wx.showModal({
      title: '已经有新版本了哟~',
      content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~'
     })
    })
   }
  })
 } else {
  wx.showModal({
   title: '提示',
   content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
  })
 }
}


以上就是吾爱编程为大家介绍的关于微信小程序版本自动更新的方法,了解更多相关文章请关注吾爱编程网!

欢迎分享转载→ 微信小程序版本自动更新

© 2015-2019 - 吾爱编程网 版权所有 苏ICP备18033726号-1关于我们 - 网站声明 - 联系我们