如何將一個html文件打包成一個exe文件?有哪些方法可以實現?


根據題主的問題,我簡要回答一下,題主說要將一個html文件打包成exe文件,我的操作方法是能使使用Google Chrome的內核cef sharp來編寫一個簡單的瀏覽器外殼,這個瀏覽器運行時加載這個html就可以運行這個html了。

在程序運行時瀏覽器會加載www.wukong.com。

同時,也可以將打包好的應用程序挑選自己喜歡的圖片ICON。

我這是自己的測試程序沒有修改圖標,題主可以根據自己的需求修改相應的圖標。

希望我的回答能讓您滿意,其實將html打包成.exe文件還有其他的方法,但目前來看,作為混合開發的一種,利用打包瀏覽器的方法來調用是一種最為合理的方法,畢竟可以進行擴展,讓網站可以同本地文件進行數據交換,也是一些互聯網公司常用的手段。


布袋寶CEO李小衝


這裡介紹一種簡單的方法,利用node的electron打包html為exe文件,非常簡單方便,下面我簡單介紹一下實現過程,主要內容如下:

1.下載安裝node,這個直接到官網上下載就行,選擇適合自己系統的版本就行,如下:

安裝完成後,我們可以打開cmd窗口,輸入命令“node -v”,如果顯示出node的版本,則證明安裝成功,如下(我的是早期的版本):

2.下載安裝electron和electron-packager包,打包程序的時候要用到這2個包,這個直接在cmd窗口使用命令“npm install electron electron-packager”就行,如下,安裝的過程可能需要等待一會兒:

3.安裝成功後,我們就可以利用electron打包html文件為exe文件了,主要步驟如下:

  • 為了更好的說明問題,這裡我新建了一個index.html文件,主要內容如下,很簡單,後面的打包就是打包這個html文件:

  • 接著我們新建一個文件夾,隨便命名都可以,我這裡命名是package,將剛才的index.html文件拖進去,同時新建一個package.json文件和main.js文件,目錄結構如下:

其中,package.json用於指明打包基本信息,main.js用於指明打包詳細配置,內容如下:

package.json文件內容,name為應用名稱,version為版本,main為前面的main.js:

main.js文件內容,這裡可以根據自己需求進行設置,網上資料很多,可以搜一下,我的配置如下(簡單配置):

  • 最後,就是打包html文件了,先在cmd窗口切換命令到打包文件夾,即package目錄,接著直接輸入命令“electron-packager . Hello --win --out HelloApp --arch=x64 --electron-version=3.0.10 --overwrite”就能自行打包,這裡也可以自行配置,設置相關參數,其中,.代表打包當前目錄,Hello為exe應用名稱,--out為打包輸出的文件夾,--arch為應用位數(64位或32位),--electron-version為electron版本,--overwrite為重寫,截圖如下,成功打包:

接著在HelloApp目錄下的Hello-win32-x64中就能找到打包的exe應用Hello.exe,如下:

雙擊就能直接運行打包好的exe文件:

至此,我們就完成了將html文件打包成exe文件。總的來說,整個過程不難,就是有些繁瑣,需要配置相關參數和文件,不過,只要你熟悉一下相關示例和參數,多練習一下,很快就能掌握的,當然,你也可以利用nw.js將html文件打包成exe應用,也可以,我以前也詳細回答過,網上也有相關資料和教程,感興趣的可以搜一下,希望以上分享的內容能對你有所幫助吧,也歡迎大家評論、留言。


小小猿愛嘻嘻


exe: 將 html 放在一個子目錄裡, 然後用 .Net, C++, 或者任何能寫 exe 的語言, 程序啟動時呼叫系統或瀏覽器去打開子目錄中的文件.


分享到:


相關文章: