這篇文章主要介紹升級H5混合開發(fā)app的方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
十多年的金灣網站建設經驗,針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務,響應快,48小時及時工作處理。成都營銷網站建設的優(yōu)勢是能夠根據用戶設備顯示端的尺寸不同,自動調整金灣建站的顯示方式,使網站能夠適用不同顯示終端,在瀏覽器中調整網站的寬度,無論在任何一種瀏覽器上瀏覽網站,都能展現優(yōu)雅布局與設計,從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“金灣網站設計”,“金灣網站推廣”以來,每個客戶項目都認真落實執(zhí)行。
自動升級:一般在客戶app第一次打開首頁的時候。
手動升級:在app界面提供一個升級的入口。
界面效果演示如下:
代碼其實也很簡單,不過針對ios和android要分開處理?;舅悸肥谦@取本機的app版本號,然后同服務器上面的app版本號進行比較,如果小于服務器上面的app版本號,那么就執(zhí)行更新操作。
var btn = ["確定升級", "取消"]; //獲取app系統(tǒng)更新[是否手動點擊獲取更新] function appUpdate(ismanual) { console.log('appUpdate'); mui.plusReady(function () { plus.runtime.getProperty(plus.runtime.appid, function (inf) { ver = inf.version; console.log('ver:' + ver); var url = config.GetAppVersion; var client; var ua = 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)); var resultCount = data.resultCount; for (var i = 0; i < resultCount; i++) { var normItem = data.results[i].version; console.log('normItem:' + normItem) if (normItem > ver) { var _msg = "發(fā)現新版本:V" + normItem; //plus.nativeUI.alert("發(fā)現新版本: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; } }); } else if (/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ā)現新版本:V" + data.Data);//獲取遠程數據庫中上新andriod版本號 var _msg="發(fā)現新版本:V" + data.Data; mui.confirm(_msg, '升級確認', btn, function (e) { if (e.index == 0) { //執(zhí)行升級操作 plus.nativeUI.toast("正在準備環(huán)境,請稍后!"); var dtask = plus.downloader.createDownload(config.apkUrl, {}, function (d, status) { if (status == 200) { var path = 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('網絡異常,請稍候再試'); } } }); } }); }); }
我們的ios應用是發(fā)布在蘋果應用商店的,而android應用則直接部署在我們自己的服務器上面(如IIS服務器),因為android的應用市場是在太多了,那樣的話每次升級版本都是一件非常麻煩的事情,當你每發(fā)布一個版本,你不得不去所有的android應用市場去提交更新。
需要注意的是:采用手動更新和自動更新調用此方法,要傳入不同的參數,因為自動更新的話,如果系統(tǒng)檢測到當前已經是最新版本,那么將不會在客戶端進行展示,而手動更新的話如果已經是最新版本,那么是需要提示客戶的。
自動更新調用:appUpdate();//檢測app更新
手動更新調用:appUpdate(true);//檢測app更新
以上是升級H5混合開發(fā)app的方法的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!