描述
app的版本管理和升級,是一個(gè)不可或缺的功能,而uniapp則是提供了一整套的流程,由于官方文檔過于復(fù)雜,而且寫的云里霧里的,所以個(gè)人記錄一次我的操作,直到配置成功。
總體
一共分為2個(gè)部分,官方提供的兩個(gè)插件(uni-upgrade-center - Admin
和uni-upgrade-center - App
)配套使用,本文采用最簡單粗暴的方式來實(shí)現(xiàn)。
前端設(shè)置
1 安裝前端插件
插件uni-upgrade-center - App,將插件導(dǎo)入到你的項(xiàng)目里面。
2 添加路徑
在pages.json
文件,添加一個(gè)更新頁面(官方已提供)
{
"path": "uni_modules/uni-upgrade-center-app/pages/upgrade-popup",
"style": {
"disableScroll": true,
"app-plus": {
"backgroundColorTop": "transparent",
"background": "transparent",
"titleNView": false,
"scrollIndicator": false,
"popGesture": "none",
"animationType": "fade-in",
"animationDuration": 200
}
}
}
3 添加更新代碼
將更新的代碼,放在你要展示的位置
import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update.js'
例如,我寫在App.vue
里面,項(xiàng)目一打開就檢測
后端設(shè)置
后端個(gè)人建議不要使用uni-upgrade-center - Admin
,直接新建一個(gè)項(xiàng)目使用uni-admin
這里面內(nèi)置了升級中心,因?yàn)楹罄m(xù)還有統(tǒng)計(jì),還要用到uni-admin,所以我們直接用這個(gè)更簡單
步驟
- 新建uni-admin 項(xiàng)目
- 使用新的云開發(fā)空間,不和app共用
- 發(fā)布的時(shí)候直接上傳到云托管
uni-admin項(xiàng)目基本沒有什么改動(dòng),直接下載后上傳就可以使用
后端項(xiàng)目就搭建好了,進(jìn)入后臺(tái),將你的APP添加進(jìn)來
注意
1 云函數(shù)調(diào)整(必須)
因?yàn)榍昂蠖耸?個(gè)項(xiàng)目,所以我們需要修改更新的云函數(shù),將服務(wù)空間指向uni-admin,才能調(diào)用更新云函數(shù),參數(shù)在服務(wù)空間都可以看見
const myCloud = uniCloud.init({
provider: 'aliyun',
spaceId: 'mp-xxxxxxxxxxxxxxxxxxx',
clientSecret: 'xxxxxxxxx'
});
myCloud.callFunction({
name: 'uni-upgrade-center',
data,
success: (e) => {
console.log("e: ", e);
resolve(e)
},
fail: (error) => {
reject(error)
}
})
2 發(fā)布wgt包問題
打包前請務(wù)必將 manifest.json
中的版本名稱修改為更高版本
3 發(fā)布新版本
在admin后臺(tái)直接發(fā)布即可,app端就可以檢查
4 如何測試
必須要打包apk安裝到自己手機(jī)才行,我之前使用web端無法檢查,以及使用hbuild基座APP也無法檢查,文章來源:http://www.zghlxwxcb.cn/news/detail-817061.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-817061.html
到了這里,關(guān)于記錄一次uniapp實(shí)現(xiàn)APP自動(dòng)升級的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!