uniapp热更新（wgt）

uniapp分两种更新机制：

一、整包更新(这种方式比较繁琐，即每次更新之后就要打云包，更新整包，用户体验也不好)

二、资源包更新，即wgt（因第一种方法想到利用资源更新，用户体验大大提升，用户更新之后无需跳转到应用市场或者浏览器去重新更包，俗一点就是无感更新）

 

wgt热更新的注意点

一、必须要获取appid

二、配置需要的版本名称和版本号

三、判断平台，区分安卓ios获取相对应的下载连接（第一次整包需要，之后全部是wgt资源包的下载地址）

四、在本地打包时和热更新时，App版本和wgt应用资源版本将不再保持一致。此时通过plus.runtime.version可获取App版本，通过plus.runtime.getProperty获取wgt资源版本。

五、versionName在云打包App和生成wgt应用资源时会使用。如需升级App版本，先修改此处再云打包。导出wgt资源用于离线打包和热更新时也会以此版本为依据。

下面附上代码

import Vue from 'vue'
import Vuex from 'vuex'
import http from '@/static/js/http.js'
Vue.use(Vuex)
const store = new Vuex.Store({
	state: {
		downloadTask: '',
		device: '', //设备环境
		progress: {}, //下载进度
	},
	mutations: {
		downloadAPP(state, data) {
			var wgtUrl = data.android_link;
			//判断安卓ios，判断是否第一次更包，整包更新还是资源包更新,只做ios?安卓也可以，统一一个方法，如果要做安卓，在这里做判断条件即可
			// var wgtUrl = 'http://godee.cdn.dtbctech.com/_UNI_6FC15A3.wgt'
			if (state.device == 'ios') {
				console.log('ios')
				if (!wgtUrl) {
					wgtUrl = data.ios_link;
				}
			}
			plus.nativeUI.showWaiting("下载更新文件...");
			state.downloadTask = uni.downloadFile({
				url: wgtUrl,
				success: (res) => {
					if (res.statusCode === 200) {
						store.commit('installWgt', res.tempFilePath); //安装wgt包
					}
				},
				fail: (res) => {
					plus.nativeUI.alert("下载失败！");
				}
			});
			state.downloadTask.onProgressUpdate((res) => {
				if (state.progress.progress < res.progress) {
					state.progress = res
				}
			});
		},
		installWgt(state, path) {
			plus.nativeUI.showWaiting("安装更新文件...");
			plus.runtime.install(path, {}, function() {
				plus.nativeUI.closeWaiting();
				plus.nativeUI.alert("应用资源更新完成！", function() {
					plus.runtime.restart();
				});
			}, function(e) {
				plus.nativeUI.closeWaiting();
				plus.nativeUI.alert("安装更新文件失败[" + e.code + "]：" + e.message);
				if (e.code == 10) {
					alert('请清除临时目录');
				}
			});
		},
	},
	actions: {
		updateApp({
			commit,
			state
		}, is_force) {
			// is_force在点击事件的时候传,0或1，分辨是否弹出提示信息
			// let the_date = new Date().toDateString();//利用时间戳更新缓存，看实际项目需要
			// console.log('时间',the_date)
			let device = uni.getSystemInfoSync().platform; //判断设备
			let json_path = '';
			if (device.toLowerCase() == 'android') {
				console.log('安卓？')
				json_path = 'android'
			} else {
				console.log('ios?')
				json_path = 'ios'
				// return;//如果不需要上ios
			}
			state.device = json_path;
			plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
				uni.request({
					url: '', //检查更新的服务器地址
					data: {
						// appid: plus.runtime.appid,
						// version: plus.runtime.version,
						// imei: plus.device.imei
						//这里只要是针对大后台，多个app管理配置传参
					},
					success: (result) => {
						var data = result.data.data;
						let cur_v = '1';
						let pass_v = '0';
						try {
							cur_v = parseInt(data.version_ios.split('.').join('')); //转换为number类型进行比较,后台返回的最新版本号
							if (isNaN(cur_v)) {
								cur_v = 1;
							}
							pass_v = parseInt(widgetInfo.version.split('.').join('')); //app本地版本号
							if (isNaN(pass_v)) {
								pass_v = 0;
							}
						} catch (e) {}
						if (cur_v > pass_v && data.ios_link) {
							uni.showModal({
								title: '更新提示',
								content: data.msg || '检测到有数据包更新，是否进行更新？', //可后台配置更新文字返回显示：data.msg
								confirmText: '立即进行',
								success: function(res) {
									if (res.confirm) {
										commit('downloadAPP', data)
									} else if (res.cancel) {}
								}
							});

						} else {
							if (is_force) {
								uni.showToast({
									title: '当前已是最新版本',
									icon: 'none'
								})
							}
						}
					},
					fail(e) {
						console.error(e);
						if (e) {
							uni.showToast({
								title: '更新失败,请联系客服!',
								icon: 'none',
							})
						}
					}
				});

			});
		},
	}
})
export default store

 

本文地址：https://blog.csdn.net/qq_37049128/article/details/107952382