uniapp 实战 -- app 的自动升级更新（含生成 app 发布页）-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp 实战 -- app 的自动升级更新（含生成 app 发布页）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

uniapp 提供了 App升级中心 uni-upgrade-center ，可以便捷实现app 的自动升级更新，具体编码和配置如下：

1. 用户端 – 引入升级中心插件

下载安装插件 uni-upgrade-center - App

https://ext.dcloud.net.cn/plugin?id=4542

uniapp 实战 -- app 的自动升级更新（含生成 app 发布页）,# uni-app,uni-app,app自动升级更新

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

在首页导入调用

pages/index/index.vue

import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update'

onLoad() {
	checkUpdate()
},

打包 app

https://blog.csdn.net/weixin_41192489/article/details/135551800

本范例中，版本配置为1.0.1版

2. 管理端 – 创建 uni-admin 项目

详见 https://blog.csdn.net/weixin_41192489/article/details/135547916

将项目免费托管到 unicloud 更方便，不托管也行。

3. 管理端 – 添加 app 应用

uniapp 实战 -- app 的自动升级更新（含生成 app 发布页）,# uni-app,uni-app,app自动升级更新

此处选择第1步中打包得到的可自动升级更新的apk

uniapp 实战 -- app 的自动升级更新（含生成 app 发布页）,# uni-app,uni-app,app自动升级更新

4. 管理端 - 生成 app 发布页

uniapp 实战 -- app 的自动升级更新（含生成 app 发布页）,# uni-app,uni-app,app自动升级更新

会下载得到一个 index.html 文件，可根据需要修改名称

将其托管到unicloud

此时访问 你的前端网页托管域名/朝阳的百宝箱app下载.html 就能看到啦！
uniapp 实战 -- app 的自动升级更新（含生成 app 发布页）,# uni-app,uni-app,app自动升级更新
你的前端网页托管域名在这看：