微信小程序線上更新版本流程及如何運(yùn)用

dkzwm 發(fā)布于2019-08-23 18:07 / 3490人閱讀

摘要：小程序官方文檔小程序線上版本更新官方文檔對(duì)象管理線上版本更新小程序強(qiáng)制更新參考博客微信小程序版本自動(dòng)更新關(guān)鍵知識(shí)點(diǎn)小程序熱啟動(dòng)小程序冷啟動(dòng)對(duì)象利用方法判斷回調(diào)函數(shù)監(jiān)聽是否后臺(tái)有更新版本監(jiān)聽版本成功下載后利用重啟小程序監(jiān)聽版本更新失敗后的回調(diào)

1.1 小程序官方文檔：

（1）小程序線上版本更新官方文檔（updateManager對(duì)象管理線上版本更新)：https://developers.weixin.qq....
（2）小程序強(qiáng)制更新：
https://developers.weixin.qq....

2.1 參考博客：

微信小程序版本自動(dòng)更新：https://www.jianshu.com/p/4f5...

3.1 關(guān)鍵知識(shí)點(diǎn)：

（1）小程序熱啟動(dòng)
（2）小程序冷啟動(dòng)
（3）updateManager對(duì)象
（4）利用wx.canIuse( )方法判斷getUpdateManger
（5）UpdateManager.onCheckForUpdate(function callback)回調(diào)函數(shù)監(jiān)聽是否后臺(tái)有更新版本
（6）UpdateManager.onUpdateReady(function callback)監(jiān)聽版本成功下載后利用UpdateManager.applyUpdate()重啟小程序
（7）UpdateManager.onUpdateFailed(function callback)監(jiān)聽版本更新失敗后的回調(diào)
（8）微信小程序在冷更新并且有新版本的情況下才能重啟

4.1 下圖是更新的流程：

5.1 代碼展示：

 if (wx.canIUse("getUpdateManager")) {
      const updateManager = wx.getUpdateManager()
      console.log(updateManager);
      updateManager.onCheckForUpdate(function (res) {
        // 請(qǐng)求完新版本信息的回調(diào)
        console.log(res);
        if (res.hasUpdate) {
          updateManager.onUpdateReady(function () {
            wx.showModal({
              title: "更新提示",
              content: "新版本已經(jīng)準(zhǔn)備好，是否重啟應(yīng)用？",
              success: function (res) {
                // res: {errMsg: "showModal: ok", cancel: false, confirm: true}
                if (res.confirm) {
                  // 新的版本已經(jīng)下載好，調(diào)用 applyUpdate 應(yīng)用新版本并重啟
                  updateManager.applyUpdate()
                }
              }
            })
          })
          updateManager.onUpdateFailed(function () {
            // 新的版本下載失敗
            wx.showModal({
              title: "已經(jīng)有新版本了喲~",
              content: "新版本已經(jīng)上線啦~，請(qǐng)您刪除當(dāng)前小程序，重新搜索打開喲~"
            })
          })
        }
      })
    }

5.1 模擬更新版本： 第一步：點(diǎn)擊普通編譯并添加編譯模式

第二步：設(shè)定更新模式并勾選下一次編譯時(shí)更新，點(diǎn)擊確認(rèn)

第四步：編譯成功后，跳出更新頁面