nw.js桌面程序自動更新（node.js表白記）

 

Hello Google　

　　Node.js 一個基於Google V8 的JavaScript引擎。
　　一個偉大的端至端語言，或許我對你的熱愛源自於web這門極富情感的技術吧！

 

註：

　　光陰似水，人生若夢，又是人間年尾。許久未說過如此矯情而生硬的話- -

　　如此篇幅實在無法寫明白我扭曲的心理，2017望我還能繼續邁進！

　　喜慶的話不多說，今天給大家分享一個大致3周前，初次涉足Node.js實現的nw.js桌面程序的自動更新模塊吧。

　　本文不做教學，僅用於打臉！希望以此得到各位大神的幫助。

　　我本沒有打算寫如此博客來誤人子弟，這裡感謝@老畢(=^ ^=)

　　下面說的這個模塊是基於angular.js的，如此粗鄙的幾行代碼，還望各位同仁瞄眼之後便使勁的噴！

　　

 

一、機制分析

　　此機制的優劣性暫且不議，這僅是目前我唯一能想到的！

　　已經說了太多無聊的話，這個機制我就畫個簡單的草圖來呈現吧。

　　

　　從圖中不難看出，我所謂的這個自動更新機制其實僅4步而已：

　　1.確定本地版本號與遠端版本號

　　2.檢測版本與平臺

　　3.判斷版本差異性

　　4.是否存在差異的進一步處理

 

 

二、模塊實現

 

　　1.模塊依賴

fs = require('fs');path = require('path');request = require('request');child_process = require('child_process');　　

　　以下為依賴模塊的簡要釋義：

　　fs: node.js 文件系統模塊

　　path: node.js 文件路徑模塊

　　request: node.js http模塊

　　child_process: node.js 子進程模塊

 

　　2.版本對比（使用文件讀寫模塊對本地版本號的寫入與更新）

compareVer: function(RequestUrl) { var remoteURL = RequestUrl; var deferred = $q.defer(); fs.readFile(path.join(nwDir, 'version.txt'), function(err, data) { if(err) { fs.writeFile(path.join(nwDir, 'version.txt'), '0.0.1', function(err) { if(err) throw err; }); alert("系統檢測到重要文件丟失，請手動重啟應用！");
　　　　　　　process.exit(0); }else { version.localVer = data; $http.get(remoteURL).success(function(items) { if(items.code == 200) { version.remoteVer = items.data.version; var isUpdate = version.localVer && version.remoteVer && version.localVer != version.remoteVer ? true : false; items.isUpdate = isUpdate; if(isUpdate) { fs.writeFile(path.join(nwDir, 'version.txt'), version.remoteVer, function(err) { if(err) throw err; }); } deferred.resolve(items); } }).error(function(data, status, headers, config) { alert("程序初始化失敗，請檢查網絡連接！"); }); } }); return deferred.promise;},

 

　　3.執行升級（使用http模塊對差異版進行下載並執行文件流寫入操作）

update: function(DownloadUrl, total) { request(DownloadUrl, function (error, response) { if(!error && response.statusCode == 200) { angular.element('.title').html('升級完成'); angular.element('#progress > span').html('100'); $interval.cancel(timer); var t = 3; var interval = $interval(function() { angular.element('.title').html('自動重啟'); angular.element('#progress').html('<span >'+ t-- +'</span>'); if(t < 0) { win.hide() child_process.exec(file, function(err, stdout, stderr) { process.exit(0); }); $interval.cancel(interval); } }, 1000) } }).pipe(fs.createWriteStream(file)); var timer = $interval(function() { var loaded = fs.statSync(file).size;　　　　 var percentComplete = loaded / total; var downloadProgress = (percentComplete * 100).toFixed(1); angular.element('#progress > span').html(downloadProgress); }, 100); return;}

 

 

　　4.無差異性處理（隱藏主進程並創建子進程）

normal: function() { win.hide(); child_process.exec(file, function(err, stdout, stderr) { process.exit(0); });},

 

三、完整模塊代碼

/* nw.js桌面程序自動更新module for angular Author: BGONLINE 2016-12-29*/(function(angular, factory) { if(typeof define === 'function' && define.amd) { define('bgo-update', ['angular'], function(angular) { return factory(angular); }); }else { return factory(angular); }}(typeof angular === 'undefined' ? null : angular, function(angular) {var module = angular.module('bgoUpdate', []);'use strict';module .factory('bgoAutoUpdate', ['$http', '$q', '$interval', '$timeout', function($http, $q, $interval, $timeout) { var version = { localVer: '', remoteVer: '' } var fs = require('fs'); var path = require('path'); var request = require('request'); var child_process = require('child_process'); var nwPath = process.execPath; var nwDir = path.dirname(nwPath); var file = path.join(nwDir, 'current.exe'); return { normal: function() { var str = ''; var interval = $interval(function() { str += '.'; angular.element('#progress > span').html(str); if(str.length > 3) { win.hide() child_process.exec(file, function(err, stdout, stderr) { process.exit(0); $interval.cancel(interval); }); } }, 1000) }, compareVer: function(RequestUrl) { var remoteURL = RequestUrl; var deferred = $q.defer(); fs.readFile(path.join(nwDir, 'version.txt'), function(err, data) { if(err) { fs.writeFile(path.join(nwDir, 'version.txt'), '0.0.1', function(err) { if(err) throw err; }); layer.alert("系統檢測到重要文件丟失，請手動重啟應用！", {closeBtn: 0, icon: 5, shade: 0}, function() { layer.closeAll(); process.exit(0); }); }else { version.localVer = data; $http.get(remoteURL).success(function(items) { if(items.code == 200) { version.remoteVer = items.data.version; var isUpdate = version.localVer && version.remoteVer && version.localVer != version.remoteVer ? true : false; items.isUpdate = isUpdate; if(isUpdate) { fs.writeFile(path.join(nwDir, 'version.txt'), version.remoteVer, function(err) { if(err) throw err; }); } deferred.resolve(items); } }).error(function(data, status, headers, config) { layer.msg("程序初始化失敗，請檢查網絡連接！", function() {}); }); } }); return deferred.promise; }, update: function(DownloadUrl, total) { request(DownloadUrl, function (error, response) { if(!error && response.statusCode == 200) { angular.element('.title').html('升級完成'); angular.element('#progress > span').html('100'); $interval.cancel(timer); var t = 3; var interval = $interval(function() { angular.element('.title').html('自動重啟'); angular.element('#progress').html('<span >'+ t-- +'</span>'); if(t < 0) { win.hide() angular.element('.title').html('學籍系統保護模塊'); angular.element('#progress > span').html('請勿關閉！'); child_process.exec(file, function(err, stdout, stderr) { process.exit(0); }); $interval.cancel(interval); } }, 1000) } }).pipe(fs.createWriteStream(file)); var timer = $interval(function() { var loaded = fs.statSync(file).size; 　　　　 var percentComplete = loaded / total; var downloadProgress = (percentComplete * 100).toFixed(1); angular.element('#progress > span').html(downloadProgress); }, 100); return; } } }]) return module;}));

 

四、模塊調用

App.controller('UpdateController', ["$rootScope", "$scope", 'bgoAutoUpdate', function($rootScope, $scope, bgoAutoUpdate) { bgoAutoUpdate.compareVer($rootScope.rootUrl + 'index/login/getVersion?platform=' + process.platform).then(function(res) { // 判斷版本 $scope.isUpdate = res.isUpdate; if($scope.isUpdate) { bgoAutoUpdate.update(res.data.fileUrl, res.data.fileSize, res.data.version); // 執行更新 }else { bgoAutoUpdate.normal(); } }); }]);

如此可愛的node.js，感謝Google！