本文章是基于升级中心 uni-upgrade-center - Admin 和升级中心 uni-upgrade-center - App两个插件完成的,特此感谢!
下面记录一下在使用插件时的一些注意点:
升级中心分为Admin和App两部分,先创建Admin项目,App部分是直接导入到自己的前端项目中就行
1 添加检查提示
在check-update.js文件里面加入自己的逻辑
2更换提示框背景图片
不满意原来的背景图片->将bg_top.png换了就行,或者修改upgrade-popup.vue里面的样式
3在app.vue里面引入import appUpdate from "@/uni_modules/uni-upgrade-center-app/utils/check-update.js"
且在onLaunch中调用
onLaunch:function(){
// #ifdef APP-PLUS
// 版本检查更新
appUpdate();
// #endif
console.log('执行了onLaunch')
},
这样就可以实现进入app就会检查版本,还可以在设置页面引入且放一个手动检查更新版本的按钮进行自行版本更新:
<!-- #ifdef APP-PLUS -->
<view @click="getVersion()">
<text>检查更新</text>
<text>{{appVersion}}</text>
</view>
<!-- #endif -->
import appUpdate from "@/uni_modules/uni-upgrade-center-app/utils/check-update.js"
data() {
return {
appVersion:"",// 版本号
}
},
onLoad() {
this.appVersion=plus.runtime.version; // 获取当前版本号
},
methods: {
// 获取APP版本,是否进行版本更新
getVersion() {
// #ifdef APP-PLUS
appUpdate(); // 调用方法检查版本更新
// #endif
},
}
4在手机基座上运行时获取到的版本号和appid是hbuilder和hbuilder的版本需要在文件里面手动设置
5在更新版本时版本号填的是x.x.x.x的那个对应的获取的是plus.runtime.version
xxx的那个是plus.runtime.versionCode注意不要填反了,否则将会出现更新后也会再次弹窗提示更新应用的界面
关于admin管理后台的搭建,大家可以看一下这篇文章==>手把手带你使用uni-admin搭建后台管理系统和带你使用uni-upgrade-center搭建APP更新系统(升级中心+应用升级)
在搭建后台升级中心报[uni-admin]: fc_function_not_found uni-admin
时,可以看一下云函数是否上传,或者使用本地云函数运行,或者删除项目重新走一遍教程