電腦需要安裝node.js。
1:npm install nativefier -g #安裝nativefier
2:輸入nativefier檢測是否安裝成功
3:nativefier --name "YouForever" "http://www.xxxx.cn" #生成程序,YouForever是自定義名字
4:完成 官網https://www.npmjs.com/package/nativefier
#可能會遇到一些的問題
1)因爲我的網站有個導出excel文件的功能,但是用nativefier生成的程序默認不會有彈出讓用戶選擇保存地址的選項框,默認是把文件存在C:\Users\cc\Downloads(下載)裏,這樣用戶其實根本不知道文件在哪裏,用戶體驗很不好。
解決辦法:
1)打開G:\yilian\yilian-win32-x64\resources\app\lib\main.js這個路徑根據自己生成的路徑來找,找到大概4199行代碼,
if (!options.saveAs) {
item.setSavePath(filePath);
}
改爲
if (options.saveAs) {
item.setSavePath(filePath);
}
2)如果我想下載完後,怎麼直接打開下載的位置?
解決辦法:
打開G:\yilian\yilian-win32-x64\resources\app\lib\main.js這個路徑根據自己生成的路徑來找,找到大概4258行代碼,
if (options.openFolderWhenDone) {
shell.showItemInFolder(path.join(dir, item.getFilename()));
}
改爲
if (!options.openFolderWhenDone) {
shell.showItemInFolder(path.join(dir, item.getFilename()));
}
#將程序打包成可安裝的文件
現在,我們已經得到了應用程序的綠色版本(無需安裝,拷貝整個文件目錄之後即可使用),但是作爲客戶端應用程序,我們更希望能直接得到一個安裝包,安裝之後通過桌面快捷方式的形式去訪問,這時候就需要Inno Setup出場了。需要注意的是,編譯的時候360會攔截,所以最好先關閉360
9.下載安裝Inno Setup
下載地址:http://www.jrsoftware.org/isdl.php#stable
安裝完成以後打開Inno Setup客戶端
a. file->new,新建腳本
b.填寫應用程序信息,黑體爲必填項
Application name: 應用名稱;
Application version:應用版本;
Application publisher:發行單位(可選);
Application websiter:應用程序網址(可選);
c.完善應用文件信息
Application destination base folder:應用程序目標基本文件夾,可默認也可自定義;
Application folder name:應用文件夾名稱;
Allow user to change the application folder:勾選,允許用戶自定義安裝位置;
d.指定屬於應用程序的文件
Application main executable file:應用程序主執行文件,就是之前生成的程序.exe文件;
Allow user to start the application after Setup has finished:允許用戶在安裝完成後啓動應用程序;
Add folders:添加應用程序文件,用nativefier生成的程序文件根目錄即可,要把所有.dll文件及其他配置文件都包含進去;
點擊添加之後可以看到:
文件目錄以自己的實際情況爲準。
e.指定應用程序的快捷方式,勾選默認的兩項即可,即“創建主執行程序的快捷方式到公共開始菜單程序文件夾”、“允許用戶創建桌面快捷方式”
f.指定安裝期間要顯示的文檔文件
License file:許可文件;
Information file shown before installation:安裝之前顯示信息文件;
Information file shown after installation:安裝之後顯示信息文件;
g.指定應包括的安裝語言(漢化版的有簡體中文選項),選擇之後點擊下一步
h.指定基本編譯設置
Custom compiler output folder:自定義編譯器輸出文件夾,即最終編譯出的安裝包要放哪個位置;
Compiler output base file name:編輯器輸出基本文件名,即安裝包名稱;
Custom Setup icon file:自定義安裝程序圖標文件;
Setup password:安裝密碼;
i.點擊下一步
剩下的就是一路確定了,會詢問你在編譯之前要不要保存你的腳本(上面的配置步驟,最終會生成一個編譯腳本文件),點擊保存,先不要編譯,打開腳本文件,新增配置項,修改註冊表,設置開機自啓動:#這一步可以不用,直接編譯
[Registry] Root: HKLM; Subkey: "SOFTWARE\Microsoft\Windows\CurrentVersion\Run"; ValueType: string; ValueName: "testrun"; ValueData: "{app}\{#MyAppExeName}"
然後,執行編譯文件:build->compile
至此,所有步驟已經完成了,趕快去看看你的安裝包能不能正常使用吧
#如果程序生成完以後想要改變網址或者其他配置就需要修改APP-win32-x64\resources\app\nativefier.json的配置文件