以下内容描述了在 macOS 上使用脚本 pvzge-electron-builder-mac.sh 完成 PvZ-GE 的一键打包流程,便于开发者理解整个构建过程。
1. 创建工作目录
在当前路径下新建 PvZ-GE/ 文件夹,用作最终构建输出目录。
2. 拉取 Docker 镜像
docker pull gaozih/pvzge:latest从镜像的 org.opencontainers.image.version 标签中读取实际版本号(例如 v0.4.2),避免直接使用 latest。
3. 提取前端源码
- 使用
docker create创建临时容器。 - 使用
docker cp将容器内的/usr/share/nginx/html复制到本地PvZ-GE/src。 - 删除临时容器。
4. 补充 Electron 所需文件
下载 Electron 项目模板包:
https://cdn.ozo.ooo/static/zip/pvzge-electron-builder-mac.zip压缩包内包含:
package.jsonmain.jsicon.png
将其解压并直接覆盖到 src/ 根目录中。
5. 修改版本号
自动替换 src/package.json 中的 "version" 字段,使其与实际 Docker 镜像版本一致,而非 latest。
6. 执行 Electron 打包
进入 src/ 目录:
npx electron-builder --mac生成的 .dmg 安装包位于:
src/dist/7. 清理与收尾
脚本会自动:
- 将生成的
.dmg移动到PvZ-GE/根目录。 - 删除中间文件:
src/、dist/、node_modules/等。 - 删除拉取的 Docker 镜像以节省空间。
8. 最终结果
执行脚本后,将在 PvZ-GE/ 目录下生成一个可直接安装运行的 .dmg 文件。 整个构建过程全自动,无需任何手动操作。
下载附件和APP↗
Thanks for reading!