使用 Electron 打包 PvZ GE MacOS 版

在 macOS 上使用脚本完成 PvZ-GE 的一键打包流程教程

周三 1月 08 2025
351 字 · 2 分钟

以下内容描述了在 macOS 上使用脚本 pvzge-electron-builder-mac.sh 完成 PvZ-GE 的一键打包流程,便于开发者理解整个构建过程。

1. 创建工作目录

在当前路径下新建 PvZ-GE/ 文件夹,用作最终构建输出目录。

2. 拉取 Docker 镜像

Terminal window
docker pull gaozih/pvzge:latest

从镜像的 org.opencontainers.image.version 标签中读取实际版本号(例如 v0.4.2),避免直接使用 latest

3. 提取前端源码

  1. 使用 docker create 创建临时容器。
  2. 使用 docker cp 将容器内的 /usr/share/nginx/html 复制到本地 PvZ-GE/src
  3. 删除临时容器。

4. 补充 Electron 所需文件

下载 Electron 项目模板包:

https://cdn.ozo.ooo/static/zip/pvzge-electron-builder-mac.zip

压缩包内包含:

  • package.json
  • main.js
  • icon.png

将其解压并直接覆盖到 src/ 根目录中。

5. 修改版本号

自动替换 src/package.json 中的 "version" 字段,使其与实际 Docker 镜像版本一致,而非 latest

6. 执行 Electron 打包

进入 src/ 目录:

Terminal window
npx electron-builder --mac

生成的 .dmg 安装包位于:

src/dist/

7. 清理与收尾

脚本会自动:

  • 将生成的 .dmg 移动到 PvZ-GE/ 根目录。
  • 删除中间文件:src/dist/node_modules/ 等。
  • 删除拉取的 Docker 镜像以节省空间。

8. 最终结果

执行脚本后,将在 PvZ-GE/ 目录下生成一个可直接安装运行的 .dmg 文件。 整个构建过程全自动,无需任何手动操作。

下载附件和APP


Thanks for reading!

使用 Electron 打包 PvZ GE MacOS 版

周三 1月 08 2025
351 字 · 2 分钟