微信小程序線上更新版本流程及如何運用

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

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

1.1 小程序官方文檔：

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

2.1 參考博客：

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

3.1 關(guān)鍵知識點：

（1）小程序熱啟動
（2）小程序冷啟動
（3）updateManager對象
（4）利用wx.canIuse( )方法判斷getUpdateManger
（5）UpdateManager.onCheckForUpdate(function callback)回調(diào)函數(shù)監(jiān)聽是否后臺有更新版本
（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) {
        // 請求完新版本信息的回調(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)上線啦~，請您刪除當(dāng)前小程序，重新搜索打開喲~"
            })
          })
        }
      })
    }

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

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

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