📌 完整教程：HTML 打包成 APK（Capacitor 方法）

✅ 适合：纯HTML/CSS/JS网页 → 安卓APK

⚠️ 要求：

1. 安装 Node.js（建议 LTS 版本）

2. 安装 Android Studio（用于生成APK）

3. 你的HTML文件（比如 index.html）

🔹 第一步：初始化项目

1. 打开终端（CMD/PowerShell/Git Bash）

进入你的HTML文件所在目录（这里以D:\HTML_TO_APK\chou_qian为例）：

cd D:\HTML_TO_APK\chou_qian

2. 初始化 npm 项目（生成 package.json）

npm init -y

这会生成一个 package.json文件，Capacitor 需要它来管理依赖。

🔹 第二步：安装 Capacitor

3. 安装 Capacitor 核心包

npm install @capacitor/core @capacitor/cli --save-dev

4. 初始化 Capacitor

npx cap init

它会问你几个问题：

• App Name（应用名称）：输入 ChouQian（随便取）

• App Package ID（应用ID）：输入 com.example.chouqian（格式：com.公司名.应用名）

• Web Directory（网页目录）：输入 .（因为你的HTML在当前目录）

这会生成 capacitor.config.ts配置文件。

🔹 第三步：添加 Android 支持

5. 安装 Android 平台

npm install @capacitor/android --save-dev

6. 添加 Android 项目

npx cap add android

这会生成 android文件夹，里面是安卓项目。

🔹 第四步：复制网页文件

7. 确保你的HTML文件在正确位置

Capacitor 默认会从 www文件夹加载网页，但你在 init时设置了 webDir: "."，所以：

• 你的 index.html应该直接放在 D:\HTML_TO_APK\chou_qian下（和 package.json同级）。

8. 同步文件到 Android 项目

npx cap sync

这会把你的HTML文件复制到安卓项目里。

🔹 第五步：用 Android Studio 生成 APK

9. 打开 Android Studio

npx cap open android

这会自动用 Android Studio 打开 android目录。

10. 等待 Gradle 构建完成

第一次打开可能会下载依赖，等它完成（看底部进度条）。

11. 生成 APK

1. 点击菜单 Build > Build Bundle(s) / APK(s) > Build APK(s)

2. 等它编译完成，会提示：

   APK(s) generated successfully.

3. 点击 locate 找到生成的APK文件：

   android\app\build\outputs\apk\debug\app-debug.apk

4. 把这个APK安装到手机即可！

结语

如果需要帮助或交流开发经验，欢迎加入QQ群307531422