一、簡介
node-webkit 是一個基於chromium與node.js的應用程序運行器,它允許開發者使用web技術編寫桌面程序。通過Node.js和WebKit技術的融合,開發者可以用HTML5技術編寫UI,同時又能利用Node.js平台上眾多library訪問本地OS的能力,最終達到用Web技術就可以編寫桌面應用的目的。它提供一個跨Windows、Linux、OS X平台下的客戶端應用開發的底層框架,跟移動終端上的PhoneGap等項目的原理類似。node-webkit項目位於Github上。node-webkit特點如下:
- 使用web技術開發,HTML5、CSS3、JS、WebGL。
- 在網頁中使用Node.js。
- 跨平台運行,兼容Linux,Mac OSX和Windows。
二、實例
node-webkit的下載地址為:https://github.com/rogerwang/node-webkit。我們可以下載Windows、linux或Mac系統的版本。這里使用Windows版本。
1、下載Windows版本node-webkit,這里采用 的版本號是(v0.8.2 - Dec 6, 2013)。該包解壓后有如下8個文件。
其中nw就是我們運行程序的文件,其他的都是些動態鏈接庫或相關文件。
2、開始編寫程序
a、創建index.html文件,文件內容如下:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Hello World!</title> 5 </head> 6 <body> 7 <h1>Hello World!</h1> 8 We are using node.js <script>document.write(process.version)</script>. 9 </body> 10 </html>
b、創建package.json文件,文件內容如下:
1 { 2 "name": "nw-demo", 3 "main": "index.html" 4 }
c、將兩個文件壓縮成zip文件(這兩個文件必須在zip文件的根目錄下),重命名為app.nw。
d、將app.nw文件拖到nw.exe,即可成功運行。運行結果如下圖所示: