Node-webkit 介紹

標籤：style   http   color   java   os   使用   io   檔案   ar   

什麼是Node-webkit ?

Node-webkit 是Intel工程師rogerwang寫的一個基於node.js和chromium的應用程式運行環境，通過node-webkit，我們可以使用html/javascript/css編寫pc案頭應用。

其實可以理解為還是編寫web app，但是可以使用node.js的api，最後將整個應用連瀏覽器打包發布出去。所以它不受平台限制（使用到node.js叫用作業系統api除外），一份代碼打包到對應平台發布即可，如果有瞭解過phonegap/cordova，這個node-webkit和它們是很類似的，只是多了node.js這一塊。

項目地址：https://github.com/rogerwang/node-webkit

入門Demo

這裡介紹使用node-webkit開發一個項目的操作流程。

1. 下載node-webkit

   在https://github.com/rogerwang/node-webkit 下載對應作業系統的檔案。解壓即可。建議將其添加到環境變數中。

2. 建立項目

   建立專案檔夾. C:/Users/keith/node/webkitdemo
   建立 package.json

    <!DOCTYPE html> <html>   <head>     <title>Hello World!</title>   </head>   <body>     <h1>Hello Node-webkit</h1>         Node.js version: <script>document.write(process.version)</script>.   </body> </html>

3. 運行

   在命令列下:

    npm install node-webkit-builder -g cd C:/Users/keith/node/ nwbuild -p win C:/Users/keith/node/webkitdemo/ cd build/demo/win/ ./demo.exe  //運行程式

   此時你可以選擇直接將編譯後的檔案夾壓縮發布出去，也可以選擇再將編譯後的檔案夾打包為一個exe檔案，直接發布這個exe檔案，如果要這樣做的話需要一個一個工具Enigma Virtual Box,安裝之後運行Enigma virtual box
   在Enter Input File Name選擇C:/Users/keith/node/build/win/demo.exe檔案，再點擊下面的add按鈕添加C:/Users/keith/node/build/demo/win目錄下的所有dll檔案和nw.pak,再點擊Files Opions，勾選compress壓縮檔，最後點擊Process，完成。

總結

通過node-webkit可以很方便的開發一些pc案頭應用，再結合node.js又可以開發出很多有趣的東西，比如結合node.js建立本機伺服器，操作本地檔案等等。可以快速的開發出跨平台應用，不太好的地方就是打包後的應用體積較大，即使壓縮後也有3，40M。

Node-webkit 介紹