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>

效果图

相关推荐
Mr_li4 小时前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup6 小时前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia1 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia1 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲2 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
HashTang3 天前
【AI 编程实战】第 12 篇:从 0 到 1 的回顾 - 项目总结与 AI 协作心得
前端·uni-app·ai编程
JunjunZ3 天前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
郑州光合科技余经理4 天前
代码展示:PHP搭建海外版外卖系统源码解析
java·开发语言·前端·后端·系统架构·uni-app·php
TT_Close4 天前
“啪啪啪”三下键盘,极速拉起你的 uni-app 项目!
vue.js·uni-app·前端工程化
特立独行的猫a4 天前
uni-app x跨平台开发实战:开发鸿蒙HarmonyOS影视票房榜组件完整实现过程
华为·uni-app·harmonyos·轮播图·uniapp-x