uni-app检测版本升级并显示下载进度

一、检测版本

1、自动检测

即打开应用是就检测应用版本，检测方法需要写在app.vue文件中，代码如下

//APP更新
import configService from '@/common/service/config.service.js'
import store from '@/store'
console.log('configService', configService)
export default function appUpdate() {
	console.log('=============000000', configService.apiUrl)
	console.log('=============111111', uni.getStorageSync('base_url'))
	uni.request({
		url: configService.apiUrl +
			'/qd/app/version/queryNewOne', // 'http://app.jeecg.com/update.json', //检查更新的服务器地址
		data: {
			appid: plus.runtime.appid,
			version: plus.runtime.version,
			imei: plus.device.imei
		},
		header: {
			'X-Access-Token': store.state.token
		},
		success: (data) => {
			let res = data.data
			console.log('----------app res--' + JSON.stringify(res))
			//return;
			plus.runtime.getProperty(plus.runtime.appid, function(wgtinfo) {
				let client_version = wgtinfo.version
				console.log('client_version')
				console.log(client_version.split(".").splice(0, 2).join(""))
				console.log(res.result.versionCode.split(".").splice(0, 2).join(""))
				console.log(client_version.split(".").splice(0, 2).join("") < res.result.versionCode
					.split(".").splice(0, 2).join(""))
				console.log(client_version.split(".").splice(0, 2).join("") == res.result
					.versionCode.split(".").splice(0, 2).join(""))
				var flag_update = client_version.split(".").splice(0, 2).join("") < res.result
					.versionCode.split(".").splice(0, 2).join("")

				var ifEqual = client_version.split(".").splice(0, 2).join("") == res.result
					.versionCode.split(".").splice(0, 2).join("")
				var flag_hot = (Number(client_version.split(".")[2]) < Number(res.result.versionCode
					.split(".")[2])) && !flag_update
				console.log(client_version)
				console.log(flag_update)
				console.log(flag_hot)

				if (flag_update) {
					// 提醒用户更新
					uni.showModal({
						title: '更新提示',
						content: res.result.content || `更新新版本${res.result.versionCode}`,
						success: (showResult) => {
							if (showResult.confirm) {
								plus.nativeUI.toast("正在准备环境，请稍后!");
								console.log(res.result.androidUpdateUrl, )
								var dtask = plus.downloader.createDownload(res.result
									.androidUpdateUrl, {
										method: 'GET',
										filename: '_doc/update/'
									},
									function(d, status) {
										if (status == 200) {
											var path = d.filename; //下载apk
											plus.runtime.install(path); // 自动安装apk文件
										} else {
											plus.nativeUI.alert('版本更新失败:' + status);
										}
									});
								
								try {
									dtask.start(); // 开启下载的任务
									var prg = 0;
									var showLoading = plus.nativeUI.showWaiting(
										"正在下载"); //创建一个showWaiting对象 
									dtask.addEventListener('statechanged', function(
										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 + "%  ");
												break;
											case 4:
												plus.nativeUI.closeWaiting();
												//下载完成
												break;
										}
									});
								} catch (err) {
									plus.nativeUI.closeWaiting();
									uni.showToast({
										title: '更新失败-03',
										mask: false,
										duration: 1500
									});
								}
							}
						}
					})
					store.commit('SET_IFLASTVER', false)
				} else if (ifEqual && flag_hot) {
					uni.downloadFile({
						url: res.result.hotUpdateUrl,
						success: (downloadResult) => {
							console.log(downloadResult.tempFilePath)
							if (downloadResult.statusCode === 200) {
								plus.nativeUI.toast(`正在热更新!${res.result.versionCode}`);
								plus.runtime.install(downloadResult.tempFilePath, {
									force: false
								}, function() {
									plus.nativeUI.toast("热更新成功");
									plus.runtime.restart();
								}, function(e) {
									console.log(e)
									plus.nativeUI.toast(`热更新失败:${e.message}`);
								});
							}
						}
					});
					store.commit('SET_IFLASTVER', false)
				} else {
					store.commit('SET_IFLASTVER', true)
				}

			});
			console.log('-------------------------------res.result.androidUpdateUrl' + res.result
				.androidUpdateUrl)
			store.commit('SET_ANDROIDLINK', res.result.androidUpdateUrl)
			store.commit('SET_IOSLINK', res.result.iosUpdateUrl)

		}
	})
}