uniapp app自动更新

2 篇文章 0 订阅
1 篇文章 0 订阅

uni官网为我们提供了app自动更新的方法,使用方便,也有免费云函数可以使用,官网可能流程介绍过于潦草,这里为大家简单整理了以下:

一、后台管理uni-admin

这是uni官方为大家提供的app管理后台模板,需要在本地运行管理项目

1.创建uni-admin

   选择uni-admin模板,勾选启用uniCloud,我这里用的是阿里云免费版,也可自行购买.

创建好后会有如下提示,第一步应该是进行实名,但是因为我认证过了所以直接到了第二部,实名认证的话跟着做就行,很方便。然后就是下图进行选择服务空间,如果下面不显示就点击新建,会弹出刚才创建的时候选择的云函数,

如果没有显示云函数,右键点击该文件会出现关联云服务空间或项目,点击关联一下就ok了

 第三步就直接部署就好

可以点击发行上传到服务器,方便后面前端网页托管

上传后运行时点击链接云端函数

然后运行到浏览器会出现如下页面,注册一下管理员账号然后登录即可

进去后在该页面找到新增

按照程序填写即可

添加完后点击发布页管理

点击 生成下载发布页

登录unicloud.dcloud进行如下操作,将上一步下载的html放进去就好

点击参数配置,查看默认域名

即可看到如下

初次部署就算完成了,后面项目修改代码打包成apk后在进行如下操作

wgt更新详见:uni-app app进行wgt更新-CSDN博客

填写自己的apk信息

填写完毕发布即可

再次进入手机apk,会自动弹出更新提示

二、uni项目端

这里是你后台需要管理是否更新的app

1.uniapp 提供了 App升级中心 uni-upgrade-center- App需要引入进项目

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

2.配置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
				}
			}
		}

3.需要弹出更新框的页面引入并应用即可

import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update'
onLoad() {
	checkUpdate()
},


后台配置更新后会自动弹出更新提示(wgt可选择静默更新)

以上有任何问题欢迎私聊探讨~

评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值