当前位置：首页 > 前端开发 > 正文

如何将HTML打包成exe文件？

admin
前端开发
2025-06-06
3090

使用工具如Electron、NW.js或PyInstaller可将HTML文件打包成独立运行的EXE程序，这些工具将网页资源封装进可执行文件，无需浏览器即可运行桌面应用。

方法1：使用NW.js（轻量级框架）

步骤详解：

环境准备
安装 Node.js，在命令行执行：
```
npm install nw -g
```
项目结构
创建文件夹，包含：
- index.html（入口文件）
- package.json（配置文件）
```
{
"name": "my-app",
"main": "index.html",
"window": {"width": 800, "height": 600}
}
```
打包EXE
- 下载 nw-builder：
```
npm install nw-builder -g
```
- 执行打包：
```
nwbuild --platforms win64 --buildDir dist/ src/
```
  输出：dist/ 目录生成 .exe 文件，支持Windows/macOS/Linux。

适用场景：跨平台桌面应用，需调用Node.js模块（如文件系统）。

方法2：使用Electron（高性能方案）

操作流程：

初始化项目

npm init -y
npm install electron --save-dev

核心文件

main.js（主进程）：

const { app, BrowserWindow } = require('electron')
function createWindow() {
  const win = new BrowserWindow({ width: 800, height: 600 })
  win.loadFile('index.html')
}
app.whenReady().then(createWindow)

package.json 中设置 "main": "main.js"

打包工具（electron-forge）

如何将HTML打包成exe文件？第1张

npm install @electron-forge/cli -g
electron-forge import
electron-forge make --platform=win32

输出：out/ 目录生成安装包（含EXE）。

优势：支持Chromium渲染引擎，适合复杂交互应用（如VSCode）。

方法3：PyInstaller + Python Web服务器

适合已有Python环境：

创建本地服务器
保存为 server.py：

from http.server import HTTPServer, SimpleHTTPRequestHandler
port = 8000
server = HTTPServer(('', port), SimpleHTTPRequestHandler)
print(f"Server running at http://localhost:{port}")
server.serve_forever()

生成EXE

pip install pyinstaller
pyinstaller --onefile --add-data "index.html;." server.py

效果：运行EXE后自动打开浏览器访问 localhost:8000。

适用场景：快速部署本地文档或工具。

方法4：HTML Compiler（商业工具）

推荐工具：

HTML Executable
ExeOutput for Web

操作步骤：

导入HTML/CSS/JS文件
配置启动页面与安全设置（如禁用右键菜单）
选择输出格式（单文件EXE或安装包）

优点：无需编程，提供反破解保护，适合商业项目。

方法5：Windows WebView2（原生嵌入）

基于C#的.NET方案：

安装依赖
Visual Studio中创建Windows Forms应用，安装 Microsoft.Web.WebView2 NuGet包。

代码示例

using Microsoft.Web.WebView2.WinForms;
public partial class Form1 : Form {
  public Form1() {
    InitializeComponent();
    var webView = new WebView2();
    webView.Dock = DockStyle.Fill;
    Controls.Add(webView);
    webView.Source = new Uri(Path.Combine(Directory.GetCurrentDirectory(), "index.html"));
  }
}

编译项目 → 生成独立EXE文件。

优势：系统级性能，无缝集成Windows API。

选择建议

方法	学习难度	跨平台	功能扩展性
NW.js	中等	高	轻量级跨平台应用
Electron	较高	极高	复杂桌面软件
PyInstaller	低	低	本地文档演示
HTML编译器	极低	中	商业分发/版权保护
WebView2	中等	中	Windows原生集成