1. 程式人生 > >NW.js打包一個桌面應用

NW.js打包一個桌面應用

1.安裝nw(可以到官網:https://nwjs.io下載)

npm install nw -g

2.建立一個最最簡單的nw應用

在nwjs資料夾中 新建資料夾app,app資料夾中至少有index.html和package.json(app裡面就是放你專案打包完成的檔案的)

index.html程式碼:

<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>
Hello World!</h1> </body> </html>

package.json配置(更多的配置看官網:http://docs.nwjs.io/en/latest/References/Manifest%20Format/#window-subfields):

{
  "name": "app",   //必需,應用程式名稱
  "main": "index.html" //必需,應用程式入口檔案
}

3.在nwjs資料夾的路徑下執行看看

nw app

出現下面的就證明你成功了

4.壓縮app資料夾並更名為app.nw

5.將app.nw跟nw一起打包成一個可執行檔案

把app.nw複製到nw目錄下,既是執行下面命令即可

copy / b nw.exe + app.nw app.exe

然後就出現了這個app.exe可執行檔案

6. 更改應用軟體的logo(以Resource Hacker為例,官網有其他的工具:http://docs.nwjs.io/en/latest/For%20Users/Package%20and%20Distribute/

  1.安裝Resource Hacker

  2.app.exe用Resource Hacker開啟

    

  3.替換logo

    

    

    

 

    

 7.建立安裝程式以將所有必需的檔案部署到終端使用者的系統上,以

Inno Setup為例(其他工具看官網:http://docs.nwjs.io/en/latest/For%20Users/Package%20and%20Distribute/)

    這個文件比較詳細:https://blog.csdn.net/itas109/article/details/78801199