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

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

自動(dòng)升級(jí)：一般在客戶app第一次打開首頁的時(shí)候。

手動(dòng)升級(jí)：在app界面提供一個(gè)升級(jí)的入口。

界面效果演示如下：

代碼其實(shí)也很簡(jiǎn)單，不過針對(duì)ios和android要分開處理?；舅悸肥谦@取本機(jī)的app版本號(hào)，然后同服務(wù)器上面的app版本號(hào)進(jìn)行比較，如果小于服務(wù)器上面的app版本號(hào)，那么就執(zhí)行更新操作。

varbtn=["確定升級(jí)","取消"];

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

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)){//蘋果手機(jī)

mui.ajax({

type:"get",

dataType:'json',

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

data:{

id:131812xxxx//APP唯一標(biāo)識(shí)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,'升級(jí)確認(rèn)',btn,function(e){

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

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

}

});

return;

}

}

if(ismanual){

mui.toast('當(dāng)前版本號(hào)已是最新');

}

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);//獲取遠(yuǎn)程數(shù)據(jù)庫(kù)中上新andriod版本號(hào)

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

mui.confirm(_msg,'升級(jí)確認(rèn)',btn,function(e){

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

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

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

if(status==200){

varpath=d.filename;//下載apk

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

}else{

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

}

});

dtask.start();

}

});

}else{

console.log('當(dāng)前版本號(hào)已是最新');

if(ismanual){

mui.toast('當(dāng)前版本號(hào)已是最新');

}

return;

}

},

error:function(xhr,type,errerThrown){

if(ismanual){

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

}

}

});

}

});

});

}

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

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

自動(dòng)更新調(diào)用：appUpdate();//檢測(cè)app更新

手動(dòng)更新調(diào)用：appUpdate(true);//檢測(cè)app更新

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