前言
????日常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)
本文使用 文章同步助手 同步
