uniapp热更新(wgt)
uniapp分两种更新机制:一、整包更新(这种方式比较繁琐,即每次更新之后就要打云包,更新整包,用户体验也不好)二、资源包更新,即wgt(因第一种方法想到利用资源更新,用户体验大大提升,用户更新之后无需跳转到应用市场或者浏览器去重新更包,俗一点就是无感更新)wgt热更新的注意点一、必须要获取appid二、配置需要的版本名称和版本号三、判断平台,区分安卓ios获取相对应的下载连接(第一次整包需要,之
·
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
更多推荐
已为社区贡献5条内容
所有评论(0)