微信小程序版本自動更新的方法
公司的小程序項目上線, 后期還會有小型的版本迭代. 為了讓用戶能在我們進(jìn)行版本迭代后及時使用最新版本的功能. 做了以下優(yōu)化..
知識點(diǎn)1: 當(dāng)用戶點(diǎn)擊左上角關(guān)閉,或者按了設(shè)備Home 鍵離開微信,小程序并沒有直接銷毀,而是進(jìn)入了后臺;
當(dāng)再次進(jìn)入微信或再次打開小程序,又會從后臺進(jìn)入前臺,只有當(dāng)小程序進(jìn)入后臺一定時間,或者系統(tǒng)資源占用過高,才會被真正的銷毀。
知識點(diǎn)2: 小程序的啟動分為"冷啟動" 和 "熱啟動".
熱啟動是指: 小程序打開后,在一段時間內(nèi)(目前:5分鐘)再次被打開,此時會將后臺的小程序切換到前臺。
冷啟動是指: 小程序首次打開或銷毀后再次被打開
知識點(diǎn)3: 更新版本
冷啟動時, 如果發(fā)現(xiàn)有新版本,將會異步下載新版本的代碼包,并同時用客戶端本地的包進(jìn)行啟動,即新版本的小程序需要等下一次冷啟動才會應(yīng)用上。
如果要馬上應(yīng)用最新版本,使用wx.getUpdateManager API 進(jìn)行處理。
代碼如下:
// 在app.js里寫下以下代碼
onLaunch () {
if (wx.canIUse('getUpdateManager')) {
const updateManager = wx.getUpdateManager()
updateManager.onCheckForUpdate(function (res) {
console.log('onCheckForUpdate====', res)
// 請求完新版本信息的回調(diào)
if (res.hasUpdate) {
console.log('res.hasUpdate====')
updateManager.onUpdateReady(function () {
wx.showModal({
title: '更新提示',
content: '新版本已經(jīng)準(zhǔn)備好,是否重啟應(yīng)用?',
success: function (res) {
console.log('success====', 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)前小程序,重新搜索打開喲~'
})
})
}
})
}
}
知識點(diǎn)4: 小程序重新初始化時會觸發(fā)onLaunch事件. onLaunch事件會觸發(fā)在頁面onShow事件之前.獲取小程序更新版本可以寫在onLaunch里.
知識點(diǎn)5:
在開發(fā)和體驗版無法測試版本更新
需要在開發(fā)者工具里,編譯時選擇"模擬更新編譯"

(部分開發(fā)者工具版本, 每次update編譯時都需要重新勾選此選項)
點(diǎn)擊確定,重新編譯.
頁面會彈窗顯示:

點(diǎn)擊確認(rèn)后:

控制臺顯示:

知識點(diǎn)6: 隨著小程序的不斷更新, 部分功能可能需要最新版的微信客戶端才能使用. 這時候可以彈窗提示用戶更新到最新版本微信
if (wx.canIUse('getUpdateManager')) {
...
} else {
// can't use getUpdateManager
wx.showModal({
title: '提示',
content: '當(dāng)前微信版本過低,無法使用該功能,請升級到最新微信版本后重試。'
})
完整版本:
onLaunch () {
if (wx.canIUse('getUpdateManager')) {
const updateManager = wx.getUpdateManager()
updateManager.onCheckForUpdate(function (res) {
if (res.hasUpdate) {
updateManager.onUpdateReady(function () {
wx.showModal({
title: '更新提示',
content: '新版本已經(jīng)準(zhǔn)備好,是否重啟應(yīng)用?',
success: function (res) {
if (res.confirm) {
updateManager.applyUpdate()
}
}
})
})
updateManager.onUpdateFailed(function () {
wx.showModal({
title: '已經(jīng)有新版本了喲~',
content: '新版本已經(jīng)上線啦~,請您刪除當(dāng)前小程序,重新搜索打開喲~'
})
})
}
})
} else {
wx.showModal({
title: '提示',
content: '當(dāng)前微信版本過低,無法使用該功能,請升級到最新微信版本后重試。'
})
}
}
知識點(diǎn)7: 如果在onLaunch里進(jìn)行請求, 這是異步請求. 如果對交互順序有要求, 如: 版本更新--重新獲取數(shù)據(jù)-- 用戶展示, 那么需要考慮在callback里進(jìn)行重獲數(shù)據(jù).
知識點(diǎn)8:小程序啟動時,正常是會熱更新,下載新版本的包,下一次啟動就會使用新包。但發(fā)現(xiàn)有更新不成功的情況發(fā)生.
官方回答: 策略生效跟網(wǎng)絡(luò)環(huán)境以及發(fā)布時間等若干因素有關(guān),會盡可能讓小程序快地更新,但無法保證每次都熱更新成功。
知識點(diǎn)9:小程序的異步更新發(fā)生在冷啟動過程. 官方不建議熱更新. 原因:

參考資料:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JS中的==運(yùn)算: [''''] == false —>true
這篇文章主要介紹了JS中的==運(yùn)算: [''] == false —>true的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07
JavaScript給input的value賦值引發(fā)的關(guān)于基本類型值和引用類型值問題
這篇文章主要介紹了JavaScript給input的value賦值引發(fā)的關(guān)于基本類型值和引用類型值問題的相關(guān)資料,需要的朋友可以參考下2015-12-12
將頁面table內(nèi)容與樣式另存成excel文件的方法
本文分析一下將頁面table內(nèi)容與樣式另存成excel文件的方法,主要介紹style與class之間的區(qū)別問題。2015-08-08
JavaScript塊級作用域綁定以及狀態(tài)提升詳解
這篇文章主要給大家介紹了關(guān)于JavaScript塊級作用域綁定以及狀態(tài)提升的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-03-03
對比分析Django的Q查詢及AngularJS的Datatables分頁插件
ES6中的Promise.all()和Promise.race()函數(shù)的實現(xiàn)方法

