uniapp 实现 App升级中心 uni-upgrade-center app升级

349 阅读1分钟
  1. 新建项目:打开HBuilderX -> 文件 -> 新建 -> 项目 -> uni-app 选择 `默认模板,键入一个名字,确定
  2. 鼠标右键 uniCloud 文件夹 选择关联云服务空间运行云服务空间初始化向导

image.png

没有云服务 就创建

image.png

image.png

image.png

初始化要10分钟左右

image.png

安装插件

升级中心 uni-upgrade-center - App - DCloud 插件市场

关联云服务

image.png

pages.json 中添加页面配置(最后一项)

		{
			"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
				}
			}
		}

在App.vue 里面导入调用

<script>
// #ifdef APP-PLUS
import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update';
// #endif
export default {
	onLaunch: function () {
		// #ifdef APP-PLUS
		setTimeout(() => {
			// app 检测更新
			checkUpdate();
		}, 2000);
		// #endif
		console.log('App Launch');
	},
	onShow: function () {
		console.log('App Show');
	},
	onHide: function () {
		console.log('App Hide');
	}
};
</script>

<style>
/*每个页面公共css */
</style>

创建 uni-admin 项目,部署到 uniCloud 前端网页托管(免费阿里云 云空间)

image.png

选择刚刚创建 的云仓库

image.png

初始化成功

image.png

浏览器运行

image.png

管理端 – 新增 app 应用

image.png

AppID位置

image.png

打包apk

image.png

image.png

image.png

打包成功

image.png

image.png

下载二维码 放到 自己的服务器就可以

image.png