扣丁學堂HTML5培訓之混合開發(fā)App升級方法詳解及源碼分享

當我們的app開發(fā)完成之后，無可避免的以后會進行產(chǎn)品升級，那么我們希望在客戶的手機上讓app進行自動升級，可以分為自動升級和手動升級。

自動升級：一般在客戶app第一次打開首頁的時候。

手動升級：在app界面提供一個升級的入口。

界面效果演示如下：

代碼其實也很簡單，不過針對ios和android要分開處理。基本思路是獲取本機的app版本號，然后同服務器上面的app版本號進行比較，如果小于服務器上面的app版本號，那么就執(zhí)行更新操作。

varbtn=["確定升級","取消"];

//獲取app系統(tǒng)更新[是否手動點擊獲取更新]

functionappUpdate(ismanual){

console.log('appUpdate');

mui.plusReady(function(){

plus.runtime.getProperty(plus.runtime.appid,function(inf){

ver=inf.version;

console.log('ver:'+ver);

varurl=config.GetAppVersion;

varclient;

varua=navigator.userAgent.toLowerCase();

if(/iphone|ipad|ipod/.test(ua)){//蘋果手機

mui.ajax({

type:"get",

dataType:'json',

url:"https://itunes.apple.com/lookup?id=1318127518",//獲取當前上架APPStore版本信息

data:{

id:131812xxxx//APP唯一標識ID

},

contentType:'application/x-www-form-urlencoded;charset=UTF-8',

success:function(data){

console.log('data:'+JSON.stringify(data));

varresultCount=data.resultCount;

for(vari=0;i<resultCount;i++){

varnormItem=data.results[i].version;

console.log('normItem:'+normItem)

if(normItem>ver){

var_msg="發(fā)現(xiàn)新版本:V"+normItem;

//plus.nativeUI.alert("發(fā)現(xiàn)新版本:V"+normItem);

mui.confirm(_msg,'升級確認',btn,function(e){

if(e.index==0){//執(zhí)行升級操作

document.location.href='https://itunes.apple.com/cn/app/san-gu-hui/id131812xxxx?mt=8';//上新APPStore下載地址

}

});

return;

}

}

if(ismanual){

mui.toast('當前版本號已是最新');

}

return;

}

});

}elseif(/android/.test(ua)){

mui.ajax(url,{

data:{

apkVersion:ver,

},

dataType:'json',

type:'get',

timeout:10000,

success:function(data){

//console.log('data:'+JSON.stringify(data))

if(data.StatusCode=200&&data.Data>ver){

//mui.toast("發(fā)現(xiàn)新版本:V"+data.Data);//獲取遠程數(shù)據(jù)庫中上新andriod版本號

var_msg="發(fā)現(xiàn)新版本:V"+data.Data;

mui.confirm(_msg,'升級確認',btn,function(e){

if(e.index==0){//執(zhí)行升級操作

plus.nativeUI.toast("正在準備環(huán)境，請稍后！");

vardtask=plus.downloader.createDownload(config.apkUrl,{},function(d,status){

if(status==200){

varpath=d.filename;//下載apk

plus.runtime.install(path);//自動安裝apk文件

}else{

plus.nativeUI.alert('版本更新失敗:'+status);

}

});

dtask.start();

}

});

}else{

console.log('當前版本號已是最新');

if(ismanual){

mui.toast('當前版本號已是最新');

}

return;

}

},

error:function(xhr,type,errerThrown){

if(ismanual){

mui.toast('網(wǎng)絡異常,請稍候再試');

}

}

});

}

});

});

}

我們的ios應用是發(fā)布在蘋果應用商店的，而android應用則直接部署在我們自己的服務器上面（如IIS服務器），因為android的應用市場是在太多了，那樣的話每次升級版本都是一件非常麻煩的事情，當你每發(fā)布一個版本，你不得不去所有的android應用市場去提交更新。

需要注意的是：采用手動更新和自動更新調(diào)用此方法，要傳入不同的參數(shù)，因為自動更新的話，如果系統(tǒng)檢測到當前已經(jīng)是最新版本，那么將不會在客戶端進行展示，而手動更新的話如果已經(jīng)是最新版本，那么是需要提示客戶的。

自動更新調(diào)用：appUpdate();//檢測app更新

手動更新調(diào)用：appUpdate(true);//檢測app更新

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持扣丁學堂小編。最后想要工作不累就要不斷的提升自己的技能，請關注扣丁學堂HTML5培訓官網(wǎng)、微信等平臺，扣丁學堂IT職業(yè)在線學習教育平臺為您提供權威的HTML5視頻教程系統(tǒng)，通過千鋒扣丁學堂金牌講師在線錄制的第一套自適應HTML5在線視頻課程系統(tǒng)，讓你快速掌握HTML5從入門到精通開發(fā)實戰(zhàn)技能。扣丁學堂H5技術交流群：692172929。微信號：codingbb