扣丁學堂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應用市場去提交更新。
需要注意的是：采用手動更新和自動更新調用此方法，要傳入不同的參數(shù)，因為自動更新的話，如果系統(tǒng)檢測到當前已經(jīng)是最新版本，那么將不會在客戶端進行展示，而手動更新的話如果已經(jīng)是最新版本，那么是需要提示客戶的。
自動更新調用：appUpdate();//檢測app更新
手動更新調用：appUpdate(true);//檢測app更新
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持扣丁學堂小編。最后想要工作不累就要不斷的提升自己的技能，請關注扣丁學堂HTML5培訓官網(wǎng)、微信等平臺，扣丁學堂IT職業(yè)在線學習教育平臺為您提供權威的HTML5視頻教程系統(tǒng)，通過千鋒扣丁學堂金牌講師在線錄制的第一套自適應HTML5在線視頻課程系統(tǒng)，讓你快速掌握HTML5從入門到精通開發(fā)實戰(zhàn)技能。扣丁學堂H5技術交流群：692172929。微信號：codingbb
*博客內容為網(wǎng)友個人發(fā)布，僅代表博主個人觀點，如有侵權請聯(lián)系工作人員刪除。
