HTML5进阶二 HBuilder实现软件自动升级

时间：2018-12-25 13:20:15 阅读：334 评论：0 收藏：0 [点我收藏+]

标签：老师 specific attr path html5 OLE icon cloud 操作

HBuilder实现软件自动升级

前言

移动APP开发好后需要实现软件自动升级功能，经过一番搜索，发现HBuilder具有“App资源在线升级更新”的功能，遂研究之。

经过一番测试，在源码思想的基础之上对其进行了优化。代码如下:

	var wgtVer = null;
	function plusReady(){
		// 获取本地应用资源版本号
		plus.runtime.getProperty(plus.runtime.appid,function(inf){
			wgtVer=inf.version;
			console.log("当前应用版本：" + wgtVer);
			console.log("=================版本测试=================");
		});
	}
	
	if(window.plus){
		plusReady();
	}else{
		document.addEventListener(‘plusready‘,plusReady,false);
		document.addEventListener(‘plusready‘,checkUpdate,false);
	}
	
	// 检测更新
	var checkUrl="http://www.weimingcloud.cn/lmapp/versionCheck.html";
	function checkUpdate(){
		plus.nativeUI.showWaiting("检测更新...");
/*		$ionicLoading.show({
			template: "检测更新..."
		});
		$timeout(function() {
			$ionicLoading.hide();
		}, 1200);*/
		var xhr = new XMLHttpRequest();
		xhr.onreadystatechange = function(){
			switch(xhr.readyState){
				case 4:
				plus.nativeUI.closeWaiting();
				if(xhr.status == 200){
					console.log("检测更新成功：" + xhr.responseText);
					// 读取最新版本号
					var newVer = xhr.responseText;
					console.log("最新版本:" + newVer);
					if(wgtVer && newVer && (wgtVer != newVer)){
						// H5 plus事件处理,弹出提示信息对话框
						plus.nativeUI.confirm("\"立马送药\"检测到新版本,是否更新?", function(e) {
							if(e.index == 0){
								console.log("确定！");
								downWgt(); // 下载升级包
							}
						}, "                  立马送药", ["确定", "取消"]);
					}else{
						plus.nativeUI.alert("无新版本可更新！");
					}
				}else{
					console.log("检测更新失败！");
					plus.nativeUI.alert("检测更新失败！");
				}
				break;
				default:
				break;
			}
		}
		xhr.open(‘GET‘,checkUrl);
		xhr.send();
	}
	
	// 下载wgt文件
	var wgtUrl = "http://www.weimingcloud.cn/lmapp/files/download/H5202FBD5.wgt";
	
	function downWgt(){
		plus.nativeUI.showWaiting("下载wgt文件...");
				
		plus.downloader.createDownload( wgtUrl, {filename:"_doc/update/"}, function(d,status){
			if ( status == 200 ) { 
				console.log("下载wgt成功："+d.filename);
				installWgt(d.filename);	// 安装wgt包
			} else {
				console.log("下载wgt失败！");
				plus.nativeUI.alert("下载wgt失败！");
			}
			plus.nativeUI.closeWaiting();
		}).start();
	}
	
	// 更新应用资源
	function installWgt(path){
		plus.nativeUI.showWaiting("安装wgt文件...");
		// force:false进行版本号校验，如果将要安装应用的版本号不高于现有应用的版本号则终止安装，并返回安装失败
		plus.runtime.install(path,{force:false},function(){
			plus.nativeUI.closeWaiting();
			console.log("安装wgt文件成功！");
			plus.nativeUI.alert("应用资源更新完成！",function(){
				plus.runtime.restart();
			});
		},function(e){
			plus.nativeUI.closeWaiting();
			console.log("安装wgt文件失败[" + e.code + "]：" + e.message);
			plus.nativeUI.alert("安装wgt文件失败[" + e.code + "]：" + e.message);
		});
	}	<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"> </span>