uniapp实现APP版本升级

App.vue 直接上代码

复制代码
<script>
	export default {
		methods: {
			//APP 版本升级
			Urlupload() {
				// #ifdef APP-PLUS
				plus.runtime.getProperty(plus.runtime.appid, (info) => {
					// 版本号变量持久化存储
					getApp().globalData.version = info.version;
					this.ToLoadUpdate(info.versionCode, );
				})
				//#endif
			},

			//下载更新
			ToLoadUpdate(version, ) {
				uni.showModal({
					title: `版本更新 ${version}--->${171}`,
					content: "有更新版本啦!!!",
					confirmText: '立即更新',
					cancelText: '稍后更新',
					showCancel: true,
					success: (res) => {
						if (res.confirm) {
							if (plus.networkinfo.getCurrentType() != 3) { //获取手机设备的相关信息,判断是否在Wifi状态。
								uni.showToast({
									title: '检测到您目前非Wifi连接,为节约您的流量,建议您连接WIFI更新!',
									icon: 'none',
									duration: 5000
								});
							} else {
								uni.showToast({
									title: '程序已启动更新,请耐心等待!',
									icon: 'none',
									duration: 3000
								});
							}

							//设置 最新版本apk的下载链接
							const downloadApkUrl =
								'https://wfgtest-1631.oss.wefanbot.com/DEV/qw/106658768610001/1727229160089/wczd_v1.0.0.apk'
							console.log("downloadApkUrl===", downloadApkUrl);

							var dtask = plus.downloader.createDownload(downloadApkUrl, {}, (
								d, status) => { //新建下载任务
								if (status == 200) { //当下载完成
									uni.showModal({
										title: '下载成功',
										content: '确定现在安装吗?',
										confirmText: '立即安装',
										confirmColor: '#EE8F57',
										success: (res2) => {
											if (res2.confirm == true) {
												plus.runtime.install(
													plus.io
													.convertLocalFileSystemURL(
														d.filename
													), {}, {},
													(error) => { //安装应用
														uni.showToast({
															title: '安装失败',
															icon: 'none'
														});
													})
											}
										}
									})
								} else {
									uni.showToast({
										title: '更新失败',
										icon: 'none'
									});
								}
							})
							dtask.start();
							var prg = 0;
							var showLoading = plus.nativeUI.showWaiting("正在下载");

							dtask.addEventListener('statechanged', (task,
								status) => { //添加下载任务事件监听器
								// 给下载任务设置一个监听 并根据状态 做操作
								switch (task.state) {
									case 1:
										showLoading.setTitle("开始下载");
										break;
									case 2:
										showLoading.setTitle("已连接到服务器");
										break;
									case 3:
										prg = parseInt( //下载的进度
											(parseFloat(task.downloadedSize) /
												parseFloat(task.totalSize)) *
											100
										);
										showLoading.setTitle("版本更新,正在下载" + prg +
											"% ");
										if (prg === 100) {
											plus.nativeUI.closeWaiting(); //关闭系统提示框
										}
										break;
									case 4:
										plus.nativeUI.closeWaiting(); //关闭系统提示框
										//下载完成
										break;
								}
							});
						} else if (res.cancel) {}
					}
				});
			},

		},
		onLaunch() {
			this.Urlupload()
		},
	}
</script>

效果图

相关推荐
frontend_frank2 小时前
脱离 Electron autoUpdater:uni-app跨端更新:Windows+Android统一实现方案
android·前端·javascript·electron·uni-app
三天不学习3 小时前
UniApp三端实时通信实战:SignalR在H5、APP、小程序的差异与实现
微信小程序·uni-app·signalr
念你那丝微笑3 小时前
uView Plus + Vue3 + TypeScript + UniApp 正确引入 UnoCSS(避坑版)
vue.js·typescript·uni-app
念你那丝微笑4 小时前
vue3+ts在uniapp项目中实现自动导入 ref 和 reactive
vue.js·typescript·uni-app
游戏开发爱好者84 小时前
如何使用 AppUploader 提交上传 iOS 应用
android·ios·小程序·https·uni-app·iphone·webview
iOS阿玮1 天前
AppStore卡审依旧存在,预计下周将逐渐恢复常态!
uni-app·app·apple
郑州光合科技余经理1 天前
开发实战:海外版同城o2o生活服务平台核心模块设计
开发语言·git·python·架构·uni-app·生活·智慧城市
行走的陀螺仪1 天前
在UniApp H5中,实现路由栈的持久化
前端·javascript·uni-app·路由持久化·路由缓存策略
影子打怪1 天前
uniapp通过plus.geolocation.watchPosition获取的坐标格式转换
uni-app
忒可君1 天前
2026新年第一篇:uni-app + AI = 3分钟实现数据大屏
前端·vue.js·uni-app