安裝NW
安裝的方式有兩種
1. 下載安裝包 官網下載 nw.app 的安裝包
把安裝包放到 Application 的文档夾裡面, 可以雙擊 nwjs.app ,打開應用。
設置別名,方便使用。
// 1. 打開設置別名的文档 vim ~/.bash_profile // 2.在文档裡面添加 上下面這一句 alias nw="/Applications/nwjs.app/Contents/MacOS/nwjs" // 3.使別名生效 source ~/.bash_profile
此時,在命令行輸入 nw , 等同雙擊打開應用
[如果使用了zsh, 可以在 vim ~/.zshrc 裡面添加別名 【本人Mac上,別名需要在這裡設置才起作用】]
如何使用 nw 打開 項目
用nw.app來傳入package.json參數:
nw . // 當前目錄下的 package.json nw ./xxx/package.json // 其他目錄下的package.json
第二種方法是npm方式安裝:
sudo npm install -g nw
由於下載nw,遲遲下載不下來,並且執行 nw 的時候, 一直報錯。 後面採用第一種方式。 理論上來講, npm 上安裝好之後, 輸入 nw 就可以用了。 【具體需要測試下】
打包項目
在Mac 下打包 應用爲一個 demo.app 很簡單。
// 1. 把nwjs.app 複制到你記得住的地方,比如項目的根目錄,或者其他 cp -R /Applications/nwjs.app ./test.app // 2. 把項目的代碼打包成 一個 nw 文档 【在項目文档夾裡面執行這一句,路徑自己根據情況修改】 zip -r ../test.app/Contents/Resources/app.nw *
完成, 雙擊 test.app 即可打開程序
package.json配置文档案例和解釋
因爲官方給出的文档沒有聲明具體結構,所以在這裡補充一下。
{
/**指定程序的起始頁面。*/
"main": "index.html",
/**字符串必須是小寫字母或者數字,可以包含.或者_或者-不允許帶空格。name必須全局唯一。*/
"name": "demo",
/**程序描述*/
"description": "demo app of node-webkit",
/**程序版本號*/
"version": "0.1.0",
/**關鍵字*/
"keywords": ["demo","node-webkit"],
/**bool值,如果設置爲false,將禁用webkit的node支持。*/
"nodejs": true,
/**
* 指定一個node.js文档,當程序啓動時,該文档會被運行,啓動時間要早於node-webkit加載html的時間。
* 它在node上下文中運行,可以用它來實現類似後台線程的功能。
* (不需要可注釋不用)
*/
//"node-main": "js/node.js",
/**
* bool值。默認情況下,如果將node-webkit程序打包發布,那麽只能啓動一個該應用的實例。
* 如果你希望允許同時啓動多個實例,將該值設置爲false。
*/
"single-instance": true,
/**窗口屬性設置 */
"window": {
/**字符串,設置默認title。*/
"title": "demo",
/**窗口的icon。*/
"icon": "link.png",
/**bool值。是否顯示導航欄。*/
"toolbar": false,
/**bool值。是否允許調整窗口大小。*/
"resizable": true,
/**是否全屏*/
"fullscreen": false,
/**是否在win任務欄顯示圖標*/
"show_in_taskbar": true,
/**bool值。如果設置爲false,程序將無邊框顯示。*/
"frame": true,
/**字符串。窗口打開時的位置,可以設置爲“null”、“center”或者“mouse”。*/
"position": "center",
/**主窗口的的寬度。*/
"width": 800,
/**主窗口的的高度。*/
"height": 670,
/**窗口的最小寬度。*/
"min_width": 400,
/**窗口的最小高度。*/
"min_height": 335,
/**窗口顯示的最大寬度,可不設。*/
"max_width": 800,
/**窗口顯示的最大高度,可不設。*/
"max_height": 670,
/**bool值,如果設置爲false,啓動時窗口不可見。*/
"show": true,
/**是否在任務欄顯示圖標。*/
"show_in_taskbar":true,
/**
* bool值。是否使用kiosk模式。如果使用kiosk模式,
* 應用程序將全屏顯示,並且阻止用戶離開應用。
* */
"kiosk": false
},
/**webkit設置*/
"webkit": {
/**bool值,是否加載插件,如flash,默認值爲false。*/
"plugin": true,
/**bool值,是否加載Java applets,默認爲false。*/
"java": false,
/**bool值,是否啓用頁面緩存,默認爲false。*/
"page-cache": false
}
}MAC下修改圖標
nw.js的文档雖然語文含含糊糊,但提及了這一塊;其他部落格裡沒有任何相關的描述。所以,在這裡解釋一下:
打包app.nw發現Contents/Resources/nw.icns。這個就是應用圖標。把nw.icns遵循蘋果圖標圖片格式改一下。可以使用APPStore裡的Image2Icon將PNG/JPEG格式轉換爲ICNS格式圖片,覆蓋上去。
Contents/Info.plist含有相關的配置,跟package.json基本沒關係,這是MAC系統獨有的項目配置文档(蘋果粉們開心嗎),辛苦大牛們要在各個部落格裡找一下(官網文档不知道寫的什麽玩意?)