在本教程中，我們將討論如何將HTML應用程序轉換為獨立的可執行文件（.exe）。這可以使您的web應用程序輕松地在不需要瀏覽器或安裝其他軟件的情況下，在Windows操作系統上工作。為了實現這個目標，我們將使用一個名為NW.js（原名Node-Webkit）的框架。
### NW.js（Node-Webkit）簡介
NW.js是一個可以讓您使用HTML、CSS、JavaScript和Node.js開發桌面應用程序的開源框架。通過NW.js，您可以將您的Web應用程序包裝成一個跨平臺的可執行程序，可在Windows、macOS和Linux上運行。
### 開發HTML應用程序
首先，我們將創建一個簡單的HTML應用程序。在您選擇的目錄中創建以下文件和文件夾：
“`
my-html-app/
├── index.html
├── css/
│ └── style.css
└── js/
└── script.js
“`
完成這個步驟后，我們將編寫一個簡單的HTML應用程序，例如一個計算器。請在相應的文件中編寫以下代碼：
index.html:
“`html
<!–例如：–>
“`
css/style.css:
“`css
/* Add your own 軟件包封裝CSS styles */
/* 例如：
body {
font-family: Arial, sans-serif;
}
*/
“`
js/script.js:
“`javascript
// Add your own JavaScript代碼
// 例如：
function appendNumber(num) {
document.getElementById(‘display’).value += num;
}
“`
### 將HTML應用程序轉換為EXE
要將HTML應用程序轉換為EXE，您需要做以下幾步：
1. 下載并安裝NW.js: 訪問NW.js的官方網站（https://nwjs.io/），下載適合您操作系統的最新版本并解壓。
2. 修改my-html-app目錄結構，添加一個名為“package.json”的文件：
“`
my-html-app/
├── package.json
├── index.html
├── css/
│ └── style.css
└── js/
└── script.js
“`
3. 創建package.json文件以定義應用程序的元數據。將以下內容添加到pack
age.json文件中：
“`json
{
“name”: “html-calculator”,
“version”: “1.0.0”,
“main”: “index.html”,
“scripts”: {
“start”: “nw .”
},
“window”: {
“title”: “My HTML Calculator”,
“width”: 800,
“height”: 600
}
}
“`
4. 打開命令提示符或終端，轉到my-html-app目錄，并運行以下命令以測試您的應用程序：
“`
path/to/nwjs/nw .
“`
請將`path/to/nwjs`替換為您解壓NW.js框架的實際路徑。如果一切順利，您的HTML計算器應用程序應該在一個新窗口中打開。
5. 為了將其打包為exe文件，可以使用像`nw-builder`之類的工具。首先，通過npm全局安裝`nw-builder`：
“`
npm install -g nw-builder
“`
6. 運行以下命令將您的HTML應用程序打包成.exe文件：
“`
nwbuild -p win64 my-html-app
“`
這將在my-html-app目錄中生成一個新的“build”文件夾，其中包含可執行文件。默認情況下，生成的應用程序名稱將為“nw.exe”。可以通過在`package.json`中添加`”displayName”`屬性來自定義應用程序名稱。
祝賀您成功地將HTML應用程序轉換為了獨立的EXE文件！現在，您可以在沒有安裝任何瀏覽器或其他軟件的Windows計算機上運行此應用程序。
