H5 APP在本教程中，我们将介绍如何将一个HTML项目打包成一个可执行的EXE文件。这种方法对于便携式应用程序或离线演示项目非常有用。在这个过程中，我们将使用NW.js作为工具，它是一个基于谷歌开发的Chromium（简称Chrome内核）和Node.js的框架，允许你使用HTML、CSS、JavaScript来构建功能丰富的桌面应用程序。
步骤1：安装NW.js
1. 访问NW.js官方网站（https://nwjs.io/）并下载适合你操作系统的版本。该框架提供了常规版本和LTS（长期支持）版本，您可以根据需求选择。
2. 解压下载的压缩包到你想要存放的目录，例如：`C:\nwjs`。
步骤2：创建HTML项目
1. 创建一个新文件夹，例如：`my_html_app`，用于存放HTML项目。
2. 在此文件夹中创建一个`index.html`文件，并编写以下简单的HTML代码：
“`html
Hello, world!
“`
步骤3：创建`package.json`文件
在`my_html_apvue打包为exep`文件夹中创建一个名为`package.json`的文件。将以下JSON代码添加到文件中：
“`json
{
“name”: “my-html-app”,
“version”: “1.0.0”,
“main”: “index.html”,
“window”: {
“title”: “My HTML App”,
“width”: 800,
“height”: 600
}
}
“`
此文件为NW.js提供了有关您的应用程序的一些基本信息。例如，应用程序的名称、版本、入口文件以及窗口的默认大小等。
步骤4：测试项目
1. 打开一个命令行窗口或终端。
2. 使用`cd`命令导航到`my_html_app`文件夹。
3. 输入以下命令启动NW.js框架（同时替换`C:\nwjs`为之前解压缩的路
径）：
“`bash
C:\nwjs\nw.exe .
“`
现在，NW.js应该以您的HTML项目为基础，启动一个可执行窗口。关闭窗口以继续下一步。
步骤5：一键打包成EXE文件
打包您的`my_html_app`项目只需执行以下简单步骤：
1. 使用Windows资源管理器，将`my_html_app`文件夹里所有文件（包括index.html和package.json文件）压缩成一个ZIP文件。
2. 将压缩包的后缀名从`.zip`更改为`.nw`。
3. 再次打开命令行窗口，使用`cd`命令导航到存放`NW.js`的文件夹（例如`C:\nwjs`）。
4. 运行以下命令（假设my_html_制作网页的软件app.nw在C:\path_to项目中）：
“`bash
copy /b nw.exe+path_to\my_html_app.nw my_html_app.exe
“`
现在，在存放`NW.js`的文件夹中，就创建了一个名为`my_html_app.exe`的可执行文件。双击它就可以运行您的HTML项目。
此外，可以通过对`my_html_app.exe` 文件前240个字节中的字符串 “NODE” 和 “Chromium” 进行交换来为其更改图标，可以找到相关的工具以方便地完成这项任务，如 Resource Hacker（http://www.angusj.com/resourcehacker/）等。
原理解析：
NW.js 採用 HTML/CSS/JS 开发桌面应用程序支持跨平台。它实际上是将Chromium 内核和 Node.js 内核整合在一起，使得可以在同一个进程创建原生应用窗体和调用 Node.js API。当生成EXE文件时，我们用到的只是将主要的nw.exe内核与我们的代码合并成一个，以便于直接打开运行。
