NW.js打包一個桌面應用


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

npm install nw -g

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

在nwjs文件夾中 新建index.html和package.json

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" //必需,應用程序入口文件
}

方法一:普通文件(文檔推薦,我更喜歡下面的方法二)

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------start

 

3.運行看看

點擊nw.exe

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

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------end

方法二:Zip文件

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------strat

新建文件夾myapp,並把index.html和package.json放在文件中

進入myapp文件夾(下面的壓縮路徑很重要),把這文件中中的所有文件壓縮為一個app.zip文件,然后改名為app.nw

合並app.nw和nw.exe:

  將app.nw文件移動到和nw.exe同級目錄下,然后執行命令copy /b nw.exe+app.nw app.exe,這時是可以直接執行app.exe的,但換到其它目錄就不可以執行了,因為換到其它目錄找不到nwjs包內的依賴文件

雙擊app.exe,出現頁面就證明前面的步驟成功了

 

 

 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------end

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

  1.安裝Resource Hacker

  2.nw.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

     

完成如下

 

小提示:如果你想把你打包完成的這個應用發給其他人安裝的時候,去找到打包完成后的setup.exe文件,打這個文件發給他們就可以安裝了。

 

 

 

 
        

 


免責聲明!

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



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