uni-app实现app自动检测更新

·270·1 分钟阅读
uni-app

前言

在做app项目时,app版本管理是必不可少的,在发布新版本后,应该提醒用户需要更新了 此时需要两个功能:

  1. 后台进行版本发布与管理(使用uni-app的模板admin即可,需要关联Dcloud的服务空间)
  2. 前台检测更新(使用uni-app的插件, https://ext.dcloud.net.cn/plugin?id=4542

后台

  1. 在HBuilder里面新建一个项目(模板为uni-admin):

  2. 运行项目到浏览器

  3. 登录即可(没有先注册)

  4. 在系统管理中找到应用管理

  5. 新增一个应用 成功后即可发布版本,首先得进行云打包,每次发布都会让你上传apk资源包的,并且每次上传的版本号要比上次大

前台检测更新

  1. 插件引入, https://ext.dcloud.net.cn/plugin?id=4542

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

  1. 添加更新代码(建议在App.vue中引入)
import checkUpdate from 'uni_modules/uni-upgrade-center-app/utils/check-update.ts'

在生命周期函数中调用此函数

checkUpdate()