2015年10月6日 星期二

使用nw.js打包webapp




一、下載:  http://nwjs.io/

二、將需打包的folder放入解壓縮後的Nw.js目錄下


  e.g C:\Users\test\Desktop\nwjs-v0.12.3-win-ia32

三、修改package.json,可參考: https://github.com/nwjs/nw.js/wiki/manifest-format假設專案rewardRecord的起始頁為nw-start.html,則json結構可以如下:


{
  "name": "rewardRecord",
  "version": "0.0.1",
  "main": "rewardRecord/nw-start.html",
  "node-remote": "localhost",
  "window": { 
          "toolbar": false,
        "width": 800,
        "height": 500,
        "frame": true
    }
}

四、接著將package.json與rewardRecord打包成rewardRecord.zip
五、利用以下指令將打包後的zip轉換為可執行檔

rename *.zip rewardRecord.nw
copy /b nw.exe+rewardRecord.nw rewardRecord.exe

六、打包完成後我們可以執行看看rewardRecord.exe來進行驗證。
七、這裡要注意到我們如果將rewardRecord.exe移到別處執行將會失去相依賴套件,因此這邊列出相依賴套件:


八、如果要將這些香依賴打包成單一執行檔可根據官方的建議,使用Enigma Virtual Box


九、配置完成後按下Process即可產生打包後的exe檔。

沒有留言:

張貼留言