該教程主要是，用於Vue項目採用HBuilder進行app打包和設置升級包。
該Vue項目是採用Vue+Vue手腳架+webpack構建的
首先可以選擇發行->製作移動app資源升級包，點擊以後
可以去官網看下教程。
接下來在你的Vue代碼裏添加以下代碼。
我在login.vue文件下寫了一個在線更新爲他綁定了一個更新事件
接下來就爲UPpackage函數添加代碼了。
UPpackage () {
// 獲取當前應用的版本號
var wgtVer = null;
function plusReady () {
// …
// 獲取本地應用資源版本號
plus.runtime.getProperty(plus.runtime.appid, function (inf) {
wgtVer = inf.version;
alert(‘當前應用版本：’ + wgtVer);
});
}
if (window.plus) {
plusReady();
} else {
document.addEventListener(‘plusready’, plusReady, false);
};
// 發起ajax檢測是否有新版本
var checkUrl = ‘http://服務器域名/文件夾/mananger_tool/update/update.php’;
function checkUpdate () {
alert(‘檢測更新’);
plus.nativeUI.showWaiting(‘檢測更新…’);
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
switch (xhr.readyState) {
case 4:
plus.nativeUI.closeWaiting();
if (xhr.status === 200) {
alert(‘檢測更新成功：’+ xhr.responseText);
var newVer = xhr.responseText;
if (wgtVer && newVer && (wgtVer !== newVer)) {
downWgt(); // 下載升級包
} else {
plus.nativeUI.alert(‘無新版本可更新！’);
}
} else {
alert(‘檢測更新失敗！’);
plus.nativeUI.alert(‘檢測更新失敗！’);
}
break;
default:
break;
}
};
xhr.open(‘GET’, checkUrl);
xhr.send();
}
checkUpdate();
// 下載wgt文件
var wgtUrl = ‘http://服務器域名/文件夾/mananger_tool/update/update.wgt’;
function downWgt () {
plus.nativeUI.showWaiting(‘下載wgt文件…’);
plus.downloader.createDownload(wgtUrl, {filename: ‘_doc/update/’}, function (d, status) {
if (status === 200) {
alert(‘下載wgt成功：’ + d.filename);
installWgt(d.filename); // 安裝wgt包
} else {
alert(‘下載wgt失敗！’);
plus.nativeUI.alert(‘下載wgt失敗！’);
}
plus.nativeUI.closeWaiting();
}).start();
};
// 更新應用資源
function installWgt (path) {
plus.nativeUI.showWaiting(‘安裝wgt文件…’);
plus.runtime.install(path, {}, function () {
plus.nativeUI.closeWaiting();
alert(‘安裝wgt文件成功！’);
plus.nativeUI.alert(‘應用資源更新完成！’, function () {
plus.runtime.restart();
});
}, function (e) {
plus.nativeUI.closeWaiting();
console.log(“安裝wgt文件失敗[”+e.code+"]："+e.message);
plus.nativeUI.alert(“安裝wgt文件失敗[”+e.code+"]："+e.message);
});
}
}
你們可以直接複製過去用，不過需要進行適量的修改。PS：這段代碼就是官網教程的代碼，不過需要自己調用他的函數
update.php主要就是返回最新的版本號，我返回的是一個字符串，2.0.你們可以根據自己的需求進行修改，注意修改url,
update.wgt這個就是升級包，這兩個文件我都是部署的服務器上，你們可以根據自己的需求進行修改。接下來就是講如何製作升級包。
首先，需要把你的Vue項目通過npm run build 命令打包dist文件，具體教程可以百度
打包之後會在你的目錄下出現一個dist文件夾。
然後打開dist文件夾下的index就是你的項目（新手打包出來的index頁面可能會出現空白，這個問題很好解決只需要把index內部的鏈接修改一下,主要是因爲打包的過程中沒有修改 打包的url造成的路徑問題。具體教程百度很多）
加粗樣式
第二步，打包好dist文件以後，打開index順利出現你的項目或者是界面，那麼就成功了，接下來需要把打包好的文件丟入HBuilder中，
右鍵點擊dist轉換成手機APP
項目下就會出現一個manifest.json文件，我們對其進行修改，因爲這是第一版本所有修改他的版本號爲1.0
右鍵點擊dist文件夾，選擇發行->app雲端打包
點擊打包，等打包好了把東西APK下載下來安裝到手機就ok了。
接下來就是製作安裝包了！！！！
然後我修改了我的vue代碼註銷了跳轉主頁
第一步，還是進行npm run build 進行資源打包，打包出你的dist目錄。
然後修改你的manifest.json文件，版本修改爲2.0
接下來在hbuder中右鍵點擊->發行->製作移動APP資源升級包。
直接點確定
把這個文件修改成剛纔url請求的wgt文件的名字，我的是UPpackage.wgt.。
接下來就只需要把文件丟在服務器上，然後在手機端點擊更新按鈕，就可以自動在線更新了。如果沒有反應很有可能是出現了跨域請求的問題，這個就交給你們的服務端人員去解決。