將PHP做的web網站封裝成桌面客戶端,也可將打包成安裝文件

電腦需要安裝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的配置文件

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章