H5Bootstrap 打包 EXE – 將 HTML5 項目打包成桌面應用
概念：
通過將 HTML5、CSS3 和 JavaScript
技術開發的 Web 項目（如 H5Bootstrap）打包成 Windows 可執行文件 (.exe)，可以讓用戶在不需要瀏覽器的情況下直接運行桌面上的應用程序。本教程將介紹將 HTML5 項目打包成桌面應用程序的原理及詳細操作。
原理：
HTML5項目打包成可執行文件，通常使用一種叫做 “Web容器(Web Container)” 的軟件技術。它基本上是一個最小化、可嵌入的瀏覽器引擎，它會為你創建一個窗口并加載你的 HTML5網站。程序本身采用它運行你的應用程序，并打包到一個可執行文件。這樣，用戶在運行EXE文件時，實際上是在本地瀏覽器運行您的HTML5應用程序。
一種知名的Web容器技術是 NW.js（原名稱為Node-Webkit）。NW.js 是一個將 Chromium 和 Node.js 結合在一起的應用程序運行時，使您可以直接使用 JavaScript 操作低級操作系統(Native APIs)，并在一個窗口中展示原生桌面程序與互聯網技術。
詳細介紹（以NW.js為例）：
1. 準備開發環境
首先你需要安裝 Node.js 的環境，通過訪問官網 (https://nodejs.org/) 下載軟件市場exe對應linux庫文件版本并安裝。
2. 下載 NW.js
訪問 NW.js 官網 (https://nwjs.io/)，下載對應平臺的版本，并解壓到一個文件夾。
3. 創建一個 HTML5 項目
在本地新建一個文件夾，用以存放你的 HTML5 項目，包含HTML文件、CSS文件、JavaScript文件。例如，你的目錄結構可以是：
“`
– myApp
– html
– index.html
– css
– style.css
– js
– app.js
– package.json （見下文）
“`
4. 編寫 package.json 文件
在項目根目錄創建一個名為 “package.json” 的文件，用于保存應用程序的元數據和配置信息。這里是一個基本示例：
“`json
{
“name”: “myAppName”,
“main”: “html/index.html”,
“version”: “1.0.0”,
“description”: “A sample HTML5 project”,
“author”: “Your Name”,
“window”: {
“title”: “My App”,
“width”: 800,
“height”: 600,
“resizable”: true
}
}
“`
“main” 屬性指定了應用程序加載的 HTML 文件，window 對象定義了窗口的尺寸，標題等。
5. 運行項目
進入項目文件夾目錄，然后從nw.js解壓之后的文件夾，拖拽 “nw.exe” 文件到項目根目錄。可以看到一個新的窗口中顯示了你的 HTML5 項目。
6. 打包
打包需要您將 nw.js 文件夾中的所有內容（除了無關的文檔內容）拷貝到您的項目主文件夾中。然后將整個項目根目錄壓縮為一個ZIP文件，更改擴展名從.zip到.exe。（確保入口文件 package.json 與 nw.exe 處于同一層級）
例如，把 “myApp.zip” 重命名為 “myApp.exe”。
現在，當用戶雙擊 “myApp.exe” 時，您的 HTML5應用程序便會在窗口中運行。
