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

1.安裝nw,(也可在官網下載然後配置變量)

npm install nw -g

一個最最簡單的nw應用,只需要有index.html和package.json文件即可

 

2.項目準備,目錄結構

app文件夾

+----index.html

+----package.json

index.html代碼:

複製代碼
<!DOCTYPE html>
<html>
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
  </body>
</html>
複製代碼

package.json代碼:(可使用npm init生成,下面兩項屬性必須)

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

 3.運行看看

nw app 或 nw .

 

4.壓縮文件夾並更名爲app.nw

 

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 的文件,,挪動到哪裏都可以,只要把這個文件交給用戶,雙擊就可以出現第三步運行效果。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章