美文网首页
微信小程序 解决小程序版本强制更新

微信小程序 解决小程序版本强制更新

作者: CNSTT | 来源:发表于2019-07-28 20:49 被阅读0次

    一、前言

    小程序的版本迭代在日常是再为正常不过的了,过去每当代码审核通过,打开小程序却发现仍然是上个版本的内容,心中很是抓狂。只有通过删除添加状态,甚至关闭微信重启才行。不仅体验很差,而且不能保证用户更新到最新版本。
    本文将介绍如何解决小程序版本强制更新,无需通知,用户即可完成更新最新版本。
    配置好测试时间只需两分钟。

    二、新增代码

    直接上代码,修改app.js 的 onLaunch方法

    //app.js
    App({
      onLaunch: function () {
        // ......
        /* 版本自动更新代码 */
        const updateManager = wx.getUpdateManager()
        updateManager.onCheckForUpdate(function (res) {
          console.log(res.hasUpdate) // 请求完新版本信息的回调 true说明有更新
        })
        updateManager.onUpdateReady(function () {
          wx.showModal({
            title: '更新检测', // 此处可自定义提示标题
            content: '检测到新版本,是否重启小程序?', // 此处可自定义提示消息内容
            success: function (res) {
              if (res.confirm) {
                // 新的版本已经下载好,调用 applyUpdate 应用新版本并重启
                updateManager.applyUpdate()
              }
            }
          })
        })
        updateManager.onUpdateFailed(function () {
          // 新的版本下载失败
          wx.showModal({
            title: '更新提示',
            content: '新版本下载失败',
            showCancel: false
          })
        })
      }
    })
    

    三、本地测试

    首先确保自己的基础库版本在1.9.90及以上,尽可能选最新的使用比例最高的。
    新建编译条件,关键是测试版本更新的时候每次都要勾选“下次编译时模拟更新”

    image.png
    开发工具效果展示
    image.png
    真机效果展示
    image.png

    四、相关彩蛋

    欢迎体验我开发的小程序,搜索名称 跑跑手游速递 即可体验。

    跑跑手游速递

    如果使用觉得不错,欢迎收藏并分享到群和朋友。

    谢谢阅读,有帮助的点个❤!

    相关文章

      网友评论

          本文标题:微信小程序 解决小程序版本强制更新

          本文链接:https://www.haomeiwen.com/subject/poyurctx.html