评论

如何实现小程序的强制更新

大家都知道小程序提交审核发布以后是不会马上更新版本的,用户需要下次使用才会更新到新的版本,这就是冷更新。

大家都知道小程序提交审核发布以后是不会马上更新版本的,用户需要下次使用才会更新到新的版本,这就是冷更新。


那么如果要做到及时生效怎么办呢?这时候就要做处理了,将下面的代码添加到app.js,提交审核,发布就会生效了



onLaunch: function (options) {
 
    this.autoUpdate()
 
  },
 
  autoUpdate: function () {
 
    var self = this
 
    // 获取小程序更新机制兼容
 
    if (wx.canIUse('getUpdateManager')) {
 
      const updateManager = wx.getUpdateManager()
 
      //1. 检查小程序是否有新版本发布
 
      updateManager.onCheckForUpdate(function (res) {
 
        // 请求完新版本信息的回调
 
        if (res.hasUpdate) {
 
          //检测到新版本,需要更新,给出提示
 
          wx.showModal({
 
            title: '更新提示',
 
            content: '检测到新版本,是否下载新版本并重启小程序?',
 
            success: function (res) {
 
              if (res.confirm) {
 
                //2. 用户确定下载更新小程序,小程序下载及更新静默进行
 
                self.downLoadAndUpdate(updateManager)
 
              } else if (res.cancel) {
 
                //用户点击取消按钮的处理,如果需要强制更新,则给出二次弹窗,如果不需要,则这里的代码都可以删掉了
 
                wx.showModal({
 
                  title: '温馨提示',
 
                  content: '本次版本更新涉及到新的功能添加,旧版本可能无法正常访问哦',
 
                  showCancel: false,//隐藏取消按钮
 
                  confirmText: "确定更新",//只保留确定更新按钮
 
                  success: function (res) {
 
                    if (res.confirm) {
 
                      //下载新版本,并重新应用
 
                      self.downLoadAndUpdate(updateManager)
 
                    }
 
                  }
 
                })
 
              }
 
            }
 
          })
 
        }
 
      })
 
    } else {
 
      // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
 
      wx.showModal({
 
        title: '提示',
 
        content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
 
      })
 
    }
 
  },
 
 
 
 
 
  /**
 
   * 下载小程序新版本并重启应用
 
   */
 
  downLoadAndUpdate: function (updateManager) {
 
    var self = this
 
    wx.showLoading();
 
    //静默下载更新小程序新版本
 
    updateManager.onUpdateReady(function () {
 
      wx.hideLoading()
 
      //新的版本已经下载好,调用 applyUpdate 应用新版本并重启
 
      updateManager.applyUpdate()
 
    })
 
    updateManager.onUpdateFailed(function () {
 
      // 新的版本下载失败
 
      wx.showModal({
 
        title: '已经有新版本了哟',
 
        content: '新版本已经上线啦,请您删除当前小程序,重新搜索打开哟',
 
      })
 
    })
 
  },


最后一次编辑于  2019-06-07  
点赞 5
收藏
评论

4 个评论

  • 陈式坚
    陈式坚
    2019-06-10

    文章很水,但是的确是个很好的话题,不知道大家怎么解决一下问题

    1. Ios端不同页面的Modal会被覆盖,那么可能会发现这样情况,用户从index =》 home页面,而update的modal是在index触发,这样的Ios用户根本看不到提示弹层

    2. 小程序的更新推送,并不是一次性推送所有人,如何确保所有人都是最新客户端?以便推送新功能

    3. 每次提示用户更新是一种很干扰的行为,或者可能会遇到至少修改一些非必须更新的细节,如何去控制什么时候提示用户更新?


    2019-06-10
    赞同 3
    回复 1
    • 蛋蛋
      蛋蛋
      2019-10-15
      你的第一个问题可以的,我的ios没问题,是在app.js里面写的
      2019-10-15
      回复
  • 勿忘我
    勿忘我
    2019-06-28

    这个有用吗,我没有试出来啊

    2019-06-28
    赞同
    回复 1
    • 蛋蛋
      蛋蛋
      2019-10-15
      你需要发布新版本后,大约10分钟,再次打开小程序,就会提示更新了
      2019-10-15
      回复
  • Congcun
    Congcun
    2019-06-10

    配置的更新经常不生效是什么原因呢?

    2019-06-10
    赞同
    回复 2
    • 蛋蛋
      蛋蛋
      2019-10-15
      不是不生效,是延时了,大约10分钟时间
      2019-10-15
      回复
    • 勿忘我
      勿忘我
      2019-10-16
      我把代码放进去之后我发现我只有第一次用这个的时候有用,后来就没有用了,怎么回事,我的问题吗
      2019-10-16
      回复
  • waterfall
    waterfall
    2019-06-10

    这就是文档里的东西啊。。。

    2019-06-10
    赞同
    回复
登录 后发表内容