NW.js構建PC收銀端安裝程序的指南

1.首先下載nw.js的SDK:

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

 

2.SDK目錄下新建myapp文件夾:

 

3.myapp文件夾內新建package.json文件:

4.package.json內容以下:

5.在myapp文件夾下執行 npm install 安裝依賴,注意此時須要將C++依賴編譯成node依賴:

1.首先要保證電腦已安裝python2.7 和 VSnode

 

2.還要全局安裝 nw-gyppython

   npm install -g nw-gypweb

 

3.而後執行如下命令,設置各個環境變量目錄等,讓依賴按vs2015編譯npm

set PYTHON=C:\Users\NALA\.windows-build-tools\python27\python.exe
set npm_config_target=0.31.4
set npm_config_arch=x64
set npm_config_runtime=node-webkit
set npm_config_build_from_source= true
set npm_config_node_gyp=C:\Users\NALA\AppData\Roaming\npm\node_modules\nw-gyp\bin\nw-gyp.js
 
npm install --msvs_version=2015 sp-printer


(sp-printer模塊 是我寫的打印機組件,哈哈哈)json

6.在myapp文件夾下將全部文件打包: myapp.zip

7.將myapp.zip剪切到SDK文件夾根目錄,cmd cd到根目錄下,執行命令:

copy /b nw.exe+myapp.zip mzt.exe windows

打包成mzt.exe可執行文件api

 

8.確保已安裝Inno Setup 軟件,InnoSetup是一款Windows免費的安裝製做軟件,能夠將咱們整個程序製做成一個安裝程序。

  • 打開Inno Setup,新建一個腳本嚮導:

  • 填寫相關信息後,繼續下一步:

  • 到了這一步,很是要注意:
  • 可執行文件,選擇SDK文件夾內的mzt.exe

  • 其餘應用程序文件,選擇添加文件,

1.先全選sdk內全部文件;app

2.而後用ctrl鍵+鼠標左鍵,點選來移除:文件夾、mzt.exe、nw.exe(這些文件不需導入),最後點擊打開,導入這些文件。python2.7

3. 最後點擊添加目錄,剛纔把文件夾移除了,如今把文件夾導入,由於有區別,因此分開操做。

4.點擊「是」,包含子目錄。

5.點擊選擇剛導入的文件夾,再點擊編輯,在目標子目錄中,輸入和文件夾同樣的名稱,這是確保生成的安裝程序,在用戶安裝時候把文件夾內容正確安裝在這些目標子目錄下,不然是默認安裝在安裝程序的根目錄下。

6.重複3~5的操做,將SDK內其餘的文件夾都導入進來,並設置好目標子目錄。

  • 文件夾都導入後,點擊下一步

  • 這步是配置安裝輸出目錄及安裝程序信息,圖標能夠本身找軟件作一個。安裝密碼通常不須要。

  • 點擊完成,腳本嚮導配置結束。

 

  • 最後顯示的配置內容,其餘的信息參數均可以再次修改,修改後記得點保存

 

  • 點擊構建,編譯,開始生成安裝程序了

 

 

  • 稍等一會,編譯完成,打開安裝程序輸出目錄,發現安裝程序已經生成了。

 

9.點擊安裝體驗一下吧,至此構建任務所有結束了!

相關文章
相關標籤/搜索