前言
????日常APP開發(fā)過程中双霍,我們經(jīng)常會(huì)遇到老生常談的問題嘿架,版本升級(jí),當(dāng)然了自己有一套版本發(fā)布器那就更好夹界,這次uni-app官網(wǎng)提供了一套可以私有部署的版本迭代器,還提供云端下載隘世,只能說國(guó)內(nèi)額開源技術(shù)更進(jìn)步了可柿。
????uni-app 版本升級(jí) 包含兩塊內(nèi)容
uni-upgrade-center - App(業(yè)務(wù)版本)
uni-upgrade-center - Admin(統(tǒng)一管理App發(fā)布與升級(jí))
官網(wǎng):??
uni-upgrade-center - App:https://ext.dcloud.net.cn/plugin?id=4542
uni-upgrade-center - Admin:https://ext.dcloud.net.cn/plugin?id=4470
目錄
uni-upgrade-center - Admin 部署搭建
uni-upgrade-center - App? 業(yè)務(wù)過程中使用與配置
手機(jī)模擬器或基座的測(cè)試演示與注意要點(diǎn)
uni-upgrade-center - Admin 部署搭建
創(chuàng)建基于uni-admin框架的項(xiàng)目
????由于uni-upgrade-center - Admin 屬于一款插件,且部署依賴 uni-admin基礎(chǔ)框架丙者,所以首先第一步創(chuàng)建一個(gè)基于uni-admin框架的項(xiàng)目复斥,具體如圖下:
引入uni-upgrade-center - Admin?插件
????插件市場(chǎng):https://ext.dcloud.net.cn/plugin?id=4470?
可能會(huì)出現(xiàn)合并文件的彈窗,點(diǎn)擊合并即可械媒,安裝插件后目锭,安裝一下第三方依賴,避免出錯(cuò)
關(guān)聯(lián)云服務(wù)空間,命名uni-admin
上傳部署
初始化數(shù)據(jù)庫(kù)?db_init.json
在pages.json 添加插件內(nèi)的頁面路徑
//此結(jié)構(gòu)與uniCloud admin中的pages.json結(jié)構(gòu)一致
"pages": [
// ……其他頁面配置
{
"path": "uni_modules/uni-upgrade-center/pages/version/list",
"style": {
"navigationBarTitleText": "版本列表"
}
}, {
"path": "uni_modules/uni-upgrade-center/pages/version/add",
"style": {
"navigationBarTitleText": "新版發(fā)布"
}
}, {
"path": "uni_modules/uni-upgrade-center/pages/version/detail",
"style": {
"navigationBarTitleText": "版本信息查看"
}
}
]
在manifest.json -> 源碼視圖中添加以下配置:
"networkTimeout":{
"uploadFile":1200000 //ms纷捞, 如果不配置痢虹,上傳大文件可能會(huì)超時(shí)
}
初始化當(dāng)前項(xiàng)目uni-admin-test的數(shù)據(jù) db_init.json和云函數(shù),如果出現(xiàn)覆蓋彈窗主儡,可以點(diǎn)擊覆蓋無影響奖唯。
發(fā)布運(yùn)行
首次運(yùn)行,發(fā)布瀏覽器糜值,需要?jiǎng)?chuàng)建管理員的賬號(hào)
添加升級(jí)中心菜單
登錄系統(tǒng)后丰捷,系統(tǒng)菜單下是沒有升級(jí)中心菜單的,需要手動(dòng)配置臀玄,有點(diǎn)蛋疼
點(diǎn)擊菜單管理瓢阴,在待添加選項(xiàng)中,勾選菜單添加
添加過程中健无,出現(xiàn)了這個(gè)彈窗荣恐,我一臉茫然,我在哪里累贤,該去何處叠穆,于是我點(diǎn)擊確定,刷新頁面臼膏,升級(jí)中心菜單出現(xiàn)了硼被,使用功能也是正常的。
可以看到升級(jí)中心的發(fā)布管理功能渗磅,職場(chǎng)uni-upgrade-center - Admin?插件 講解完畢
uni-upgrade-center - App?業(yè)務(wù)項(xiàng)目搭建全流程
如果你已經(jīng)有了自己的業(yè)務(wù)app項(xiàng)目嚷硫,可以完全在它的基礎(chǔ)上取安裝插件检访,本教程只是為了更好的做測(cè)試,所以新建的項(xiàng)目仔掸。
項(xiàng)目建立好脆贵,記得要關(guān)聯(lián)一下之前的服務(wù)空間
安裝插件?uni-upgrade-center App??https://ext.dcloud.net.cn/plugin?id=4542
上傳部署?
在pages.json
中添加頁面路徑。注:請(qǐng)不要設(shè)置為pages.json中第一項(xiàng)
"pages": [
// ……其他頁面配置
{
"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
}
}
}
]
更新插件的引入與使用起暮,頁面路徑:/pages/index/index
<template>
<view class="content">
<!--導(dǎo)航-->
<view class="pt60">
<button type="primary" @click="doClick" class="bd" :style="{borderStyle: 'solid'}">監(jiān)測(cè)更新</button>
</view>
</view>
</template>
<script>
import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update'
export default {
data() {
return {
}
},
created() {
},
methods: {
doClick(){
//監(jiān)測(cè)升級(jí)
checkUpdate();
},
closed(){
//uni.showTabBar();
}
}
}
</script>
<style lang="scss" scoped>
.content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: auto;
overflow: auto;
/* background-image: url('@/static/images/ec43126fgy1giiqcxcu1zg20sg0hix76.gif'); */
}
</style>
到這里卖氨,uni-upgrade-center App?版本基本配置完
手機(jī)模擬器或基座的測(cè)試演示與注意要點(diǎn)
添加應(yīng)用
????在上面提到過的uni-admin-test已啟動(dòng)的項(xiàng)目中添加應(yīng)用,具體如圖:
打包apk
為了方便調(diào)試负懦,采用的是云打包方案筒捺,uni-business-app,應(yīng)用版本名稱是1.0.0,版本號(hào)是100纸厉,在manifest.json可查看
打包后會(huì)在相應(yīng)的文件夾內(nèi)生成apk文件
上傳apk 發(fā)行版本
選擇原生App安裝包
上傳apk系吭,發(fā)行,包的地址是自動(dòng)在云端生成的残腌,可以在服務(wù)空間查看到
手機(jī)或者模擬器測(cè)試
使用時(shí)需要注意村斟,調(diào)試時(shí),編譯器默認(rèn)的版本號(hào)抛猫,目前為?HBuilder, 13.4.7蟆盹,而不是我們的appId,需要手動(dòng)的修改一下
此時(shí)我們手機(jī)上的版本是100闺金,而打包時(shí)設(shè)置的是101逾滥,當(dāng)項(xiàng)目頁啟動(dòng)時(shí),會(huì)彈出如下下載頁:
修改對(duì)應(yīng)的版本號(hào)即可調(diào)正是否更新
總結(jié)
上面的流程已經(jīng)基本涵蓋了整個(gè)升級(jí)插件的使用败匹,如果有遺留的可以參考官網(wǎng)寨昙,最終還是以官網(wǎng)為主,只不過這里把一些傻瓜的一些東西辦了出來掀亩,就是為了以后使用時(shí)舔哪,閉坑,如果對(duì)你有用槽棍,就點(diǎn)個(gè)贊捉蚤,分享一下吧
點(diǎn)擊下方卡片/微信搜索,關(guān)注公眾號(hào)“天宇文創(chuàng)意樂派”(ID:gh_cc865e4c536b)
本文使用 文章同步助手 同步