node-webkit 就是nodejs 加webkit
核心是nodejs 做本地化調用，webkit來解析和執行html、css 和js
可以從http://nwjs.io/downloads/ 下載下傳包。
github網址https://github.com/nwjs/nw.js
1、配置
下載下傳完後，解壓。目錄下會有一個nw.exe。輕按兩下運作。
會顯示一個很大的nw.js。
2、hello建立和運作
在nw.js目錄下建立一個hello檔案夾。
建立package.json:
{
"name": "hello",
"version": "0.1.0",
"main": "index.html",
"window": {
"toolbar": true,
"width": 800,
"height": 600
},
"node-main":"node-main.js",
"platformOverrides": {
"win": {
"window": {
"frame": true
}
}
}
}
建立index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World!</title>
</head>
<body οnlοad="process.mainModule.exports.callbackIndex()">
<button οnclick="window.reload()">重新整理</button>
<h1>Hello World!</h1>
We are using node.js:
<script>document.write(process.version)</script>
</body>
</html>
建立node-main.js:
/*
js内可以通路window,它指向DOM視窗，但是如果頁面導航發生變化，通路到的window對象也會發生變化。因為它執行時間要早于DOM加載，是以要等頁面加載完畢，才能使用“window”對象。
同時，在DOM頁面中，可以通過process.mainModule來擷取node-main資訊。
可以綁定在οnlοad=process.mainModule.exports.callback0()
當重新整理時值會一直增加，說明context是單獨的。
*/
var i = 0;
exports.callbackIndex = function() {
window.alert("i = " + i);
i += 1;
}
運作方法：
1、把三個檔案打包成hello.zip。複制到nw.exe的目錄。拖動zip到nw.exe。即可運作。
2、拖動hello檔案夾到nw.exe也可運作。
3、cmd 進入nw.exe 目錄 輸入 nw.exe hello 也可運作。
打包成exe:
1、cmd 進入new.exe 目錄，執行：
copy /b nw.exe+hello.zip hello.exe 生成hello.exe .
copy /b nw.exe+app.nw app.exe
copy /b //使用+把多個檔案合并成為一個
生成的hello.exe隻能在目前目錄運作，因為需要一些xx.dll檔案支援。
3、配置path
每個都要進入nwjs-v0.17.1-win-x64 才能運作nw 太麻煩了
可以添加目錄到path 如： F:\work\nwjs\nwjs-v0.17.1-win-x64
這樣任何地方都可以用nw 了。
nw 會運作預設執行個體。
運作項目 時直接到項目目錄然後nw hello 即可哦
![NODE-WEBKIT教程(6)NATIVE UI API 之MENU(菜單)
node-webkit教程(6)Native UI API 之Menu(菜單)[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)