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

 

 

 

需要換圖片請看這里:

http://blog.sina.com.cn/s/blog_5a07ce2b0100b36g.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM