需求说明:使用MUI+Vue等技术并且通过HBuilderX打包开发移动app,在有版本更新时需要自动提示用户有新版本,并且可以点击下载自动安装。
思路说明:
应用打开时(使用Vue的生命周期mounted),获取自己的版本信息appinfo;
(本身app的信息一般存放在mainfest.json中,直接获取即可)
mui.plusReady(function(){
mui.getJSON("manifest.json", null, function(manifest){
var version = data.version
var vercode_local = version.code;
var vername_local = version.name;
console.log("版本名称:"+vername_local+",版本code:"+vercode_local);
});
});
获取remote服务器上移动应用最新的版本信息(一般是存放一个json的数据信息)
mui.getJSON(【服务器的url + appInfo.version_json】, null, function(data) {
var verCode = data.verCode;
var verName = data.verName;
//服务器版本
//console.log("服务器版本名称:"+verName +",服务器版本code:"+verCode);
});
判断两个版本号是否相等,不相等则需要更新
if(vercode_local == verCode) {
mui.toast("当前已经是最新版本!");
} else {
var btnArray = ['是', '否'];
mui.confirm('当前版本是:' + vername_local + ', 最新版本是:' + verName + ', 是否立即更新?', '发现最新版本', btnArray, function(z) {
if(z.index == 0) {
console.log('确定');
installApk(BASEINFO.maxsvc + appInfo.version_apk);
} else {
console.log('不确定');
return;
}
});
}
1.在vue的mounted生命周期进行更新校验
mounted() {
mui.plusReady(function() {
//console.log("检查更新!!!!");
mui.init({statusBarBackground: '#EEEEEE'});
plus.screen.lockOrientation("landscape-primary");
if(mui.os.android) {
mui.getJSON("../../manifest.json", null, function(data) {
var version = data.version
var vercode_local = version.code;
var vername_local = version.name;
//当前版本
//console.log("版本名称:"+vername_local+",版本code:"+vercode_local);
mui.getJSON(BASEINFO.maxsvc + appInfo.version_json, null, function(data) {
var verCode = data.verCode;
//服务器版本
//console.log("服务器版本code:"+verCode);
var verName = data.verName;
if(vercode_local == verCode) {
mui.toast("当前已经是最新版本!");
} else {
var btnArray = ['是', '否'];
mui.confirm('当前版本是:' + vername_local + ', 最新版本是:' + verName + ', 是否立即更新?', '发现最新版本', btnArray, function(z) {
if(z.index == 0) {
console.log('确定');
installApk(BASEINFO.maxsvc + appInfo.vers