node webkit（nw.js） 設置自動更新
原理：把更新的文件放在服務器上，設置一個客戶端版本號，每次打開客戶端的時候，經過接口獲取服務器上的版本，若是高於本地的版本就下載服務器上的代碼，低於或等於就不更新html
代碼以下：前端
<script>
var http = require('http');
var fs = require('fs');
var request = require('request');
var unzip = require('unzip2');
var Driver = function () {
this.timer = '';
this.timer2 = '';
};
Driver.prototype = {
/* 讀取本地版本 */
readFile: function () {
var self = this;
if (fs.existsSync('src/js/global.js')) {
self.case1();
} else {
$.ajax({
type: 'post',
url: 'url(接口地址)',
dataType: 'jsonp',
contentType: "application/jsonp; charset=utf-8",
data: {'userId': 0,
},
success: function (data) {
console.log("正在下載解壓包...");
if (data.code == 0) {
if (data.result.update == 1) {
var gx = document.getElementsByClassName('gx')[0];
gx.style.display = "block";
/* 下載地址 下載到的目錄*/
if (fs.existsSync('nsrc') || fs.existsSync('upload/zip')) {
self.rmdirFile('upload/zip', function () {
self.rmdirFile('nsrc', function () {
self.createDir('upload/zip', function () {
console.log("建立下載zip目錄成功...");
//建立下載zip的目錄
self.downFile(data.result.url);
});
})
})
} else {
self.createDir('upload/zip', function () {
console.log("建立下載zip目錄成功...");
//建立下載zip的目錄
self.downFile(data.result.url);
});
}
} else {
setTimeout(function () {
window.location.href = "../src/Login/login.html";
}, 2250);
}
}
},
error: function () {
alert(data.msg);
}
});
}
},
/* 若是global沒有被刪除*/
case1: function () {
var self = this;
global.post('/system/checkVersion', {}, function (data) {
console.log("正在下載解壓包...");
if (data.code == 0) {
if (data.result.update == 1) {
var gx = document.getElementsByClassName('gx')[0];
gx.style.display = "block";
/* 下載地址 下載到的目錄*/
if (fs.existsSync('nsrc') || fs.existsSync('upload/zip')) {
self.rmdirFile('upload/zip', function () {
self.rmdirFile('nsrc', function () {
self.createDir('upload/zip', function () {
console.log("建立下載zip目錄成功...");
//建立下載zip的目錄
self.downFile(data.result.url);
});
})
})
} else {
self.createDir('upload/zip', function () {
console.log("建立下載zip目錄成功...");
//建立下載zip的目錄
self.downFile(data.result.url);
});
}
} else {
setTimeout(function () {
window.location.href = "../src/Login/login.html";
}, 2250);
}
} else {
alert(data.msg);
}
});
},
/* 下載解壓包 */
downFile: function (url) {
var self = this;
self.download(url, 'upload/zip/nsrc.zip', function () {
/* 下載完成建立解壓目錄 */
clearInterval(self.timer);
sc.style.width = 0;
sj.innerHTML = '正在解壓安裝 2/2 '
console.log('正在建立臨時目錄');
self.createDir('nsrc', function () {
self.unZip();
console.log('正在解壓...');
/* 前端作的假進程 */
setTimeout(function () {
var startC = parseInt(Math.floor(Math.random() * 3 + 1) * 10);
sc.style.width = startC + '%';
self.timer2 = setInterval(function () {
startC += startC + Math.floor(Math.random() * 3 + 1) * 0.2;
console.log('aaa');
if (startC >= 90) {
clearInterval(self.timer2);
startC = 90;
}
sc.style.width = startC + '%';
}, 500);
}, 1000);
});
/*self.unZip();*/
});
},
/* 下載完成建立交換目錄 */
createDir: function (v, callback) {
var slef = this;
/* 建立的新目錄名是nsrc*/
fs.mkdir(v, function (err) {
if (!err) {
console.log('建立目錄成功...');
callback && callback(err);
} else {
console.log("建立目錄失敗...");
}
})
},
/* 解壓zip */
unZip: function () {
var self = this;
/* 解壓到nsrc中*/
var extract = unzip.Extract({
path: 'nsrc' //process.cwd()
}); //獲取根目錄
fs.createReadStream('upload/zip/nsrc.zip').pipe(extract);
extract.on('error', function (err) {
console.log(err);
console.log("解壓失敗");
});
extract.on('finish', function () {
/* argv[1] 主模板的絕對路徑 第一個命令行從 argv[2]這個位置開始 */
/* 在此以前刪除以前的src文件夾 */
/* self.rmdirFile(process.cwd()+'\\'+'src', function () {
console.log(1);
/* 重命名文件夾 */
/*self.reName(fs.readdirSync(process.cwd()+'\\'+'nsrc')[0]);*/
/*console.log('success')
});*/
});
extract.on('close', function () {
/* */
console.log("解壓成功");
self.rmdirFile('src', function () {
/*刪除掉以前的src文件夾 解壓 重命名新的文件夾*/
self.copy();
})
});
extract.on('end', function () {});
},
copy: function () {
var self = this;
fs.rename('nsrc/src', 'src', function (err) {
/* 刪除 nsrc 若是能刪除 說明壓縮的 還未壓縮完 再次壓縮*/
if (fs.existsSync('nsrc')) {
fs.rmdir('nsrc', function (err) {
if (err) {
console.log(err);
console.log("刪除失敗....");
} else {
console.log("刪除成功...");
self.copy();
}
});
} else {
self.rmdirFile('upload/zip', function () {
console.log("刪除緩存成功...");
console.log("更新完成啓動客戶端...");
sc.style.width = 100 + '%';
setTimeout(function () {
window.location.href = "../src/Login/login.html";
}, 2250);
});
}
})
},
/* 重命名 */
reName: function (filename) {
var self = this;
/* 在此以前刪除以前的src文件夾 */
fs.rename('nsrc', 'src', function (err) {
if (err) {
console.log("重命名失敗...");
} else {
console.log("重命名成功...");
self.rmdirFile('upload/zip', function () {
console.log("刪除緩存成功...");
console.log("更新完成啓動客戶端...");
});
}
});
},
/* 刪除文件夾 */
rmdirFile: function (paths, callback) {
var self = this;
var files = [];
/* 判斷目錄存在 */
/* d遞歸遍歷*/
if (fs.existsSync(paths)) {
files = fs.readdirSync(paths); //同步請求
files.forEach(function (files, index) {
var curPath = paths + "/" + files; //遍歷出每一個一個目錄
//若是當前目錄也是目錄
if (fs.statSync(curPath).isDirectory()) { //recurse
/* 遞歸遍歷 */
self.rmdirFile(curPath);
} else {
fs.unlinkSync(curPath); //刪除文件
}
});
fs.rmdirSync(paths); //刪除空文件夾
console.log("刪除成功...");
}
callback && callback();
},
/*---- 下載解壓包 ----*/
download: function (uri, filename, callback) {
var self = this;
request.head(uri, function (err, res, body) {
console.log('content-type:', res.headers['content-type']);
console.log('content-length:', res.headers['content-length']);
self.timer = setInterval(function () {
sc.style.width = (fs.statSync(filename).size / res.headers['content-length']) * 100 + '%';
}, 500);
request(uri).pipe(fs.createWriteStream(filename)).on('close', callback);
});
},
},
console.log("執行結束");
</script>
下面，改變我本地的 版本號！此時服務器上版本是1.1.1ajax
打開後客戶端：json
下載完以後，看下global.js裏面的源代碼：緩存
版本號發生了改變，這次更新成功！服務器
注：我並不是是將所要代碼從新打包放到服務器，而是隻把本身修改的部分打成zip（代碼裏能夠看到我讀取的是zip ），放在服務器上面，裏面必定要包含存放版本號的文件，不然沒法判斷是否該更新！app
注：此程序並不是由我寫！是咱們公司的人寫的！只是以爲不錯，和你們分享分享！這裏感謝東哥！dom
有寫的很差的地方，還但願你們指教！post
相關文章
- 1. node webkit（nw.js） 設置自動更新
- 2. 用node-webkit(NW.js)建立桌面程序
- 3. 使用node-webkit包裝瀏覽器 用node-webkit(NW.js)建立桌面程序
- 4. node-webkit設置程序開機啓動
- 5. nw.js node-webkit系列（3）基本程序結構與配置
- 6. node-webkit桌面應用的熱更新
- 7. nw.js node-webkit系列（5）Native UI API Window的使用
- 8. nw.js桌面程序自動更新（node.js表白記）
- 9. nw.js node-webkit系列（25）child_process中spawn和exec方法的使用
- 10. mysql 設置creatTime,updateTime自動更新
- 更多相關文章...
- • ADO 更新記錄 - ADO 教程
- • MySQL AS：設置別名 - MySQL教程
- • IntelliJ IDEA代碼格式化設置
- • SpringBoot中properties文件不能自動提示解決方法
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. eclipse設置粘貼字符串自動轉義
- 2. android客戶端學習-啓動模擬器異常Emulator: failed to initialize HAX: Invalid argument
- 3. android.view.InflateException: class com.jpardogo.listbuddies.lib.views.ListBuddiesLayout問題
- 4. MYSQL8.0數據庫恢復 MYSQL8.0ibd數據恢復 MYSQL8.0恢復數據庫
- 5. 你本是一個肉體，是什麼驅使你前行【1】
- 6. 2018.04.30
- 7. 2018.04.30
- 8. 你本是一個肉體，是什麼驅使你前行【3】
- 9. 你本是一個肉體，是什麼驅使你前行【2】
- 10. 【資訊】LocalBitcoins達到每週交易比特幣的7年低點
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. node webkit（nw.js） 設置自動更新
- 2. 用node-webkit(NW.js)建立桌面程序
- 3. 使用node-webkit包裝瀏覽器 用node-webkit(NW.js)建立桌面程序
- 4. node-webkit設置程序開機啓動
- 5. nw.js node-webkit系列（3）基本程序結構與配置
- 6. node-webkit桌面應用的熱更新
- 7. nw.js node-webkit系列（5）Native UI API Window的使用
- 8. nw.js桌面程序自動更新（node.js表白記）
- 9. nw.js node-webkit系列（25）child_process中spawn和exec方法的使用
- 10. mysql 設置creatTime,updateTime自動更新