1. 程式人生 > >網頁文件打包成.exe可執行文件

網頁文件打包成.exe可執行文件

cto cmd nload 程序 正常 右鍵 好的 編輯 桌面文件

網頁文件不止可以通過瀏覽器打開,也可以通過打包程序打包成.exe桌面可執行程序,這樣寫的網頁文件就可以像桌面應用一樣打開了。方法如下:

工具:NW.js、Enigma Virtual Box、資源編輯器(Resource Hacker)5.1.6漢化版

首先在網上下載nw.js SDK(https://newjs.io)

技術分享圖片

解壓壓縮包,打開是一堆文件

技術分享圖片

在解壓目錄下新建一個文件夾,將要打包的程序文件放入文件夾中,文件夾的名字隨意。

我們新建一個名為hello的文件夾為例子

技術分享圖片

技術分享圖片

然後新建一個package.json文件,裏面寫上應用入口文件和應用名

技術分享圖片

接著將程序文件和.json文件一起壓縮成壓縮包,後綴改成 .nw

技術分享圖片

然後打開cmd,cd操作到nw.js解壓目錄下,輸入命令

技術分享圖片

這時會發現解壓目錄下多了一個hello.exe文件

技術分享圖片

這個就是打包好的exe文件,這個文件只能在解壓目錄下打開,因為打開這個文件需要這個目錄下的依賴文件

技術分享圖片

要想文件可以在桌面打開,還需要將依賴文件進行進一步的打包,這個時候,要用到Enigma Virtual Box(https://enigmaprotector.com/en/downloads.html)

技術分享圖片

安裝好之後打開

技術分享圖片

在第一行表單中選中要打包的exe文件,然後將其他所有的不是我們自己建立的文件全部添加到下面的區域中

技術分享圖片

技術分享圖片

然後點擊Process進行打包即可

技術分享圖片

完成後我們會發現解壓目錄下又出現了一個新的exe文件,這個就事我們打包好的桌面文件啦!

技術分享圖片

將這個文件移到桌面點擊,可以正常打開!

技術分享圖片

技術分享圖片

接下來我們要給程序換一個圖標,這就要用到 Resource Hacker(官網:http://www.angusj.com/resourcehacker/,漢化版:http://www.th-sjy.com/?p=77),

我這裏用的是漢化版:

技術分享圖片

打開軟件,並用軟件打開要換圖標的應用:

技術分享圖片

技術分享圖片

點開圖標組,找到要換掉的圖標,選中點擊右鍵選擇替換圖標(.ico格式,記得格式轉換):

技術分享圖片

選擇要替換成的圖標,點擊替換即可:

技術分享圖片

此時已經替換過了:

技術分享圖片

最後另存為exe文件就行了,名稱自定義:

技術分享圖片

註:用resource hacker 修改圖標時,如果直接修改打包好的程序的話會發生打不開的情況,這是因為打包好的程序要先脫殼處理才能做修改,所以要修改圖標我們可以修改第一步打包成的exe文件,修改好後再進行最後的打包即可!

網頁文件打包成.exe可執行文件