nw.js---建立一個hello word的方法

1、若是用nw.js 來開發桌面應用php

首先到Nw.js中文網下載軟件:html

https://nwjs.org.cn/download.html

下載下來進行解壓就能夠了,綠色的免安裝的,整個目錄結果是這樣的:shell

咱們能夠建立的最簡單的桌面應用,首先建立一個名爲 app的應用目錄:package.json是必須的json

這裏須要注意的是:app

E:\fyz\nwjs\nwjs-v0.37.1-win-x64 這個是nw.js 的根目錄
E:\fyz\nwjs\nwjs-v0.37.1-win-x64\app這個是包含開發源碼的工做目錄工具

 2、如何開發生成一個可執行的.exeui

進入到工做目錄 app 將裏面的文件進行 .zip的壓縮:spa

壓縮完成後的:app.zip.net

將壓縮後的app.zip更名爲 app.nw3d

將app.nw文件放到項目的根目錄:

而後打開cmd,而不是powerShell,powerShell和cmd應該是同樣的,可是這裏若是用 Powershell 的話打包不成功,並且會報錯:

打開 cmd : 

切換到 E 盤 下的 項目的根目錄:

在此目錄下運行:copy /b nw.exe+app.nw app.exe

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

出現這樣就表示成功了

看到咱們的根目錄就出現了一個 app.exe 的文件:

這樣一個最簡單的桌面應用就建立成功啦!

3、簡化操做

總體的這個流程,要壓縮爲zip的文件,要更名爲 nw 文件,還要打開 cmd 執行命令,顯然太麻煩了,如何簡便這個操做流程呢?

新建一個 builder.bat 文件:

 在裏面寫入:

@echo off
set root_path=E:\fyz\nwjs\nwjs-v0.37.1-win-x64\
set work_path=E:\fyz\nwjs\nwjs-v0.37.1-win-x64\app\
E:
cd %work_path%
"E:\fyz\winrar\WinRAR.exe" a -r -ep1 %root_path%app.zip %work_path%
echo ----------壓縮包app.zip生成成功
echo ----------開始建立app.exe
cd %root_path%
copy /b nw.exe+app.zip app.exe
echo -----------建立app.exe成功
del app.zip
echo ----------刪除app.zip成功
pause 

這樣,每次只須要雙擊這個文件就可以生成應用程序。

具體壓縮命令參考:

https://jingyan.baidu.com/article/f79b7cb37ad82d9145023e61.html

4、如何打包進行發佈

使用上述命令生成 .exe 的可執行文件後,將整個目錄複製到另一個目錄下:而後把 app文件夾,nw.exe,builder.bat這三個文件給刪除。

這樣一個乾淨的應用程序就完成了。那麼這個程序如何給到用戶手裏,有三個方式:
1.直接RAR打包,發給用戶,這也就是個綠色版,無需安裝。
2.咱們用軟件工具 Enigma Virtual Box 封包,用這個工具能夠把整個應用程序文件夾生成一個單獨的app.exe, 用戶直接雙擊就能運行,這個也是無需安裝的。具體的使用方法請參加 

https://www.toolmao.com/nwjs-helloworld

但這個工具備一個缺點就是打包的程序太大,100M吧,及時在選項裏選擇壓縮,出來也是70M+,並且更新程序也是個問題。

3.用軟件工具innosetup,下載地址: 

http://www.jrsoftware.org/isdl.php,

這個工具會生成一個安裝版本,並且安裝文件才 50M+,很合適,推薦這種方法,具體的使用方法請參加

https://blog.csdn.net/miaodichiyou/article/details/81668431?utm_source=blogxgwz2x

這裏順便提一下,NW.exe 的默認圖標經過配置文件是沒法修改的,須要用工具 Resource Hacker 來修改。

這樣一個完整的打包過程就完成啦。

參考
[1]: NW.js 官網 :https://nwjs.io/
[2]: NW.js中文網:https://nwjs.org.cn/

參考博客:

https://blog.csdn.net/u013288292/article/details/83028282
相關文章
相關標籤/搜索