uniapp项目启动时检查版本,版本过旧提示:更新至最新版本,App简单版实现思路详解

效果:
在这里插入图片描述

实现的思路比较简单,后期需要优化的话,会持续更新
uniapp文档上有提到关于版本更新

在文档中搜uni.getUpdateManager()(小程序的更新),会提示app的更新需要点击连接,跳转到其他页面查看。
在这里插入图片描述
**

本文讲的是app的更新,整包更新

**
整包更新,即常规的整个App安装包重新下载安装。
整包更新跳转地址
资源热更新,即App并重新安装,里面的js等前端代码进行更新
资源文件热更新(wgt升级)跳转地址

最重要的就是这一段:
在这里插入图片描述
备注:
1、通过uni.getSystemInfoSync()获取系统信息,获取版本号,客户端平台(android/ios等)
2、调接口拿到后台返的最新版本号,在main.js中全局挂载$http,就可以在app.vue中使用了
3、res.result.path就是后端返的apk(安卓应用程序包)

代码:app.vue

onLaunch: function() {
const systemInfo = uni.getSystemInfoSync();
			const me = {}
			// 应用程序版本号
			// #ifdef APP
			me.version = systemInfo.appWgtVersion;
			me.platform = systemInfo.platform
			// #endif
			// #ifdef H5
			me.version = systemInfo.appVersion;
			// #endif
			// #ifdef APP
if (me.platform == 'android' || me.platform == 'Android') {
				this.$Http.get('version/xxxx', {
					version: me.version
				}).then(res => {
					if (res && res.code == 0) {
					    //lastversion 最新版本
						const lastversion = res.result.version
						//apk安卓应用程序包
						const path = res.result.path
						const skip = res.result.skip
						if (lastversion == null || lastversion == '' || lastversion ==                 undefined) return
						//允许跳过
						if (res.result.skip == true) return
						if (me.version !== lastversion) {
							uni.showModal({
								title: '发现新版本',
								content: '当前版本过旧,请更新至最新版本。',
								confirmText: '立即更新',
								success: function(res) {
									if (res.confirm) {
										// 跳转到应用商店或下载最新版本的页面
										plus.runtime.openURL(path);
										if (skip == false) {
							         	plus.runtime.quit();
								}
									}
								}
							});
						}
					}
					console.log(res, '检查更新');
				})
			}
}
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值