體驗NW.js打包一個桌面應用

時間 2019-11-07

原文原文鏈接

1.安裝nw，(也可在官網下載而後配置變量)html

npm install nw -g

一個最最簡單的nw應用，只須要有index.html和package.json文件便可npm

2.項目準備，目錄結構json

app文件夾app

+----index.htmlspa

+----package.jsoncode

index.html代碼：htm

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

package.json代碼：(可以使用npm init生成，下面兩項屬性必須)blog

{
  "name": "app",
  "main": "index.html"
}

3.運行看看圖片

nw app 或 nw .

4.壓縮文件夾並改名爲app.nwget

5.將app.nw跟nw一塊兒打包成一個可執行文件

把app.nw複製到nw目錄下，執行

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

而後就出現了這個app.exe可執行文件

6.能夠新建一個文件夾，把必須的文件放裏面，以下爲app.exe執行必須的文件：

7.下載安裝Enigma Virtual Box將文件打包，

打開軟件，

輸入輸入app.exe的路徑和輸出路徑，

再把第6步的相關文件Add進去，

最後按右下角「Process」

咱們獲得了一個app_boxed.exe 的文件，，挪動到哪裏均可以，只要把這個文件交給用戶，雙擊就能夠出現第三步運行效果。

須要換圖片請看這裏：

相關標籤/搜索