免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

web app自動(dòng)更新客戶端程序?qū)嵗?/h1>

2021-01-27    分類: 網(wǎng)站建設(shè)

我們的手機(jī)軟件每天都要經(jīng)營(yíng),經(jīng)常需要更新,比如程序的Bug,好的功能,好的潔面... ... 這就需要我們的用戶打開(kāi)web app時(shí)候自動(dòng)更新客戶端程序,而不是再去應(yīng)用程序商店從新下載。今天的筆記就是完成這項(xiàng)工作。

一、服務(wù)器端

服務(wù)器很簡(jiǎn)單,只存放一個(gè)json文檔,這個(gè)文檔你可以用服務(wù)器端語(yǔ)言生成,也可以直接建立一個(gè).json文件就可了,數(shù)據(jù)格式如下。[{"VisonID":"1.0.0","downURI":"http://www.baidu.com/down/yzsc.apk"}]

VisonID表示web APP版本號(hào),downURI表示安裝文件url

二、客戶端

為了提高用戶使用感受,首先提示進(jìn)行更新檢查。

var showLoading = plus.nativeUI.showWaiting("檢查更新...");

獲取當(dāng)前web APP版本號(hào):plus.runtime.getProperty(plus.runtime.appid, function(inf) {inf.version}。其中inf.version表示web APP版本號(hào)。

版本版本筆記如果,服務(wù)器端版本號(hào)高于客戶端版本號(hào),對(duì)web APP 進(jìn)行更新,版本號(hào)等于或小于不進(jìn)行更新。

//版本比較o表示客戶端版本號(hào),n表示服務(wù)器端版本號(hào)。
function checkvison(o, n) {
var tempo = o.split('.');
var tempn = n.split('.');
if ((tempo[0] * 100 + tempo[1] * 10 + tempo[2] * 1) < (tempn[0] * 100 + tempn[1] * 10 + tempn[2] * 1)) {
return true;
} else {
return false;
}
}

(一)獲取服務(wù)端數(shù)據(jù)。

通過(guò)mui.ajax獲取服務(wù)器端JSON文件。其中參數(shù) Date.parse( new Date())是獲取時(shí)間戳,防止服務(wù)器端緩存,目地主要是為了調(diào)試用,如果正式發(fā)布可以刪除,因?yàn)槲覀兏滤俣葲](méi)有那么快。mui.ajax方法介紹:

mui.ajax(url,{//url表示服務(wù)地址
 data:{},表示向服務(wù)器提交的數(shù)據(jù)
 dataType:'json',//服務(wù)器返回json格式數(shù)據(jù)
 type:'post',//HTTP請(qǐng)求類型
 async: false,//表示是否異步
 timeout:10000,//超時(shí)時(shí)間設(shè)置為10秒;
 success:function(json){
 },
 error:function(xhr,type,errorThrown){
 //異常處理;
 mui.alert('網(wǎng)絡(luò)延時(shí),請(qǐng)重新加載!', '系統(tǒng)提示');
 }
});

(二)下載網(wǎng)絡(luò)文件。

我們更新文件或者是APP我們必須先從網(wǎng)絡(luò)下載文件,然后更新APP軟件。下載網(wǎng)絡(luò)文件我們主要用到的是這個(gè)方法html5+中Downloader對(duì)象。Downloader對(duì)象是模塊管理文件下載,用于從網(wǎng)絡(luò)下載各種文件,可支持跨域訪問(wèn)操作。我們主要用到以下幾個(gè)方法

1.createDownload方法,表示新建下載任務(wù)。

Download plus.downloader.createDownload( url, option, completedCB );

說(shuō)明:表示請(qǐng)求下載管理創(chuàng)建新的下載任務(wù),創(chuàng)建成功則返回Download對(duì)象,用于管理下載任務(wù)的各種狀態(tài)。

參數(shù):url (DOMString) 可選 要下載文件的url地址,僅支持網(wǎng)絡(luò)資源地址。必須是http或https協(xié)議;option (DownloadOption) 可選 可通過(guò)此參數(shù)設(shè)置自定義任務(wù)屬性,自定義屬性值僅支持字符串類型;completedCB (DownloadCompletedCallback) 可選 下載任務(wù)完成后的回調(diào)。

2.start 表示開(kāi)始下載任務(wù)

void download.start();

說(shuō)明:

開(kāi)始下載任務(wù),如果任務(wù)已經(jīng)處于開(kāi)始狀態(tài)則無(wú)任何響應(yīng)。 通常在創(chuàng)建任務(wù)或暫停任務(wù)后重新開(kāi)始。

3.Downloader中的DownloadStateChangedCallback回調(diào),表示下載任務(wù)完成時(shí)的回調(diào)

vaoid onCompleted( Download download, Number status ) {

// Download file complete code

}

說(shuō)明:下載任務(wù)完成時(shí)的回調(diào)函數(shù),在下載任務(wù)完成時(shí)調(diào)用。 下載任務(wù)失敗也將觸發(fā)此回調(diào)。

參數(shù):download (Download) 可選 下載任務(wù)對(duì)象,這里面我們經(jīng)常用到的一個(gè)屬性filename,DOMString,只讀屬性,下載任務(wù)在本地保存的文件路徑,在DownloadCompleteCallback事件和DownloadStateChangedCallback事件觸發(fā)時(shí)更新。還有很多其它屬性我就不記錄了,用到的時(shí)候在翻手冊(cè)吧。status (Number) 可選 Http傳輸協(xié)議狀態(tài)碼,如果未獲取傳輸狀態(tài)則其值則為0,如下載成功其值通常為200

4.Downloader中的DownloadStateChangedCallback回調(diào),表示下載任務(wù)狀態(tài)變化回調(diào),我們主要用于顯示下載進(jìn)度。

void onStateChanged( Download download, status ) {

// Download state changed code.

}

說(shuō)明:下載任務(wù)狀態(tài)變化回調(diào)。

參數(shù):同DownloadStateChangedCallback。

Ok,我們用到的主要對(duì)象和方法基本介紹完了,然后我們看一下完整代碼:

function UpdateVison() {
var showLoading = plus.nativeUI.showWaiting("檢查更新...");
// 獲取本地應(yīng)用資源版本號(hào)
plus.runtime.getProperty(plus.runtime.appid, function(inf) {
mui.ajax('http://www.baidu.com:8010/vison.json?r='+ Date.parse( new Date()), {
data: {},
//dataType:'json',//服務(wù)器返回json格式數(shù)據(jù)
type: 'get', //HTTP請(qǐng)求類型
timeout: 10000, //超時(shí)時(shí)間設(shè)置為10秒;
headers: {
'Content-Type': 'application/json'
},
success: function(jsondata) {
var data2 = JSON.parse(jsondata);
if (checkvison(inf.version, data2[0].VisonID)) {
wgtUrl = data2[0].downURI;
var downToaknew = plus.downloader.createDownload(wgtUrl, {
filename: "_doc/update/"
}, function(d, status) {
//alert(d)
if (status == 200) {
installApp(d.filename);
} else {
showLoading.setTitle("下載失敗")
}
});
downToaknew.start(); // 開(kāi)啟下載的任務(wù)
var prg = 0;
downToaknew.addEventListener("statechanged", function(task, status) {
//給下載任務(wù)設(shè)置一個(gè)監(jiān)聽(tīng) 并根據(jù)狀態(tài) 做操作
switch (task.state) {
case 1:
showLoading.setTitle("正在下載");
break;
case 2:
showLoading.setTitle("已連接到服務(wù)器");
break;
case 3:
prg = parseInt(parseFloat(task.downloadedSize) / parseFloat(task.totalSize) * 100);
if (prg % 1 == 0) {
// 讓百分比 10% 增長(zhǎng),如果這里不這么處理 出現(xiàn) 堆棧內(nèi)存溢出的問(wèn)題,有知道原因的大神指導(dǎo)一下哈
showLoading.setTitle("已下載" + prg + "%");
}
}
});
}
else{
plus.nativeUI.closeWaiting();
}
},
error: function(xhr, type, errorThrown) {
//異常處理;
console.log(type);
}
});
});
}
function checkvison(o, n) {
var tempo = o.split('.');
var tempn = n.split('.');
if ((tempo[0] * 100 + tempo[1] * 10 + tempo[2] * 1) < (tempn[0] * 100 + tempn[1] * 10 + tempn[2] * 1)) {
return true;
} else {
return false;
}
}
function installApp(path) {
plus.nativeUI.showWaiting("安裝文件...");
plus.runtime.install(path, {
force: false
}, function() {
plus.nativeUI.closeWaiting();
console.log("安裝文件成功!");
plus.nativeUI.alert("應(yīng)用資源更新完成!", function() {
plus.runtime.restart();
});
}, function(e) {
plus.nativeUI.closeWaiting();
console.log("安裝文件失敗[" + e.code + "]:" + e.message);
plus.nativeUI.alert("安裝文件失敗[" + e.code + "]:" + e.message);
});
}

好了,我們的Web APP自動(dòng)更新代碼就大功告成了,留作備用。

本文標(biāo)題:web app自動(dòng)更新客戶端程序?qū)嵗?/a>
新聞來(lái)源:
http://m.newbst.com/news7/97707.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄App設(shè)計(jì)App開(kāi)發(fā)商城網(wǎng)站搜索引擎優(yōu)化標(biāo)簽優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)