electron打包流程

1.打包流程
https://blog.csdn.net/qq_32660241/article/details/124347752
第0步：预发布模式，测试一下功能是否正常 在根目录下
npm run start

第一步：移动前端资源文件

操作如下

1：构建资源，如vue前端项目中npm run build 在vue目录下
2：根目录：npm run rd 在根目录下

第二步：（可选）安全性

代码压缩与混淆npm run compress # 代码还原npm run restore

第三步：执行打包命令
注：请尽量让项目名唯一（electron-egg/package.json中name属性），防止和别人软件名称 冲突

打包时，package.json中build.productName包名不要为中文，避免一些未知异常
准备，设置国内镜像
npm config set electron_builder_binaries_mirror=https://registry.npmmirror.com/-/binary/electron-builder-binaries/
打包 （windows版本）
npm run build-w (32位)
npm run build-w-64 (64位)
打包 （mac版本）
npm run build-m
npm run build-m-arm64 (m1芯片架构)
打包 （linux版本）
npm run build-l
如果执行了代码压缩命令，打包完成后，记得还原代码
npm run restore

第四步：找到程序
目录：electron-egg/out安装包：electron-egg/out/electron-egg-windows-2.0.3.exe

2.其它修改
修改应用名称
修改 ./package.json 中属性
name：项目名称（英文）
productName: 可执行程序名称（英文）
appId：软件id
shortcutName：桌面快捷方式名称
修改 ./frontend/vue.config.js
args[0].title= 软件运行时头部名称

修改桌面图标
路径
./build/icons/256x256.png (名称和尺寸必须一致)(windows或者Linux)
./build/icons/512x512.png (名称和尺寸必须一致)(windows或者Linux)
./build/icons/icon.ico (macOs)

• 修改最小化托盘图标

路径./public/images/tray_logo.png (建议 32x32 或 16x16 )

需要一些配置文件才能够打包成功
原地址
https://www.jianshu.com/p/5d8ea14ce374

1.下载 electron-v9.4.4-win32-ia32.zip
https://registry.npmmirror.com/binary.html?path=electron/
https://registry.npmmirror.com/binary.html?path=electron/v9.4.4/
解压放到 C:\Users\Admin\AppData\Local\electron\Cache 目录下

2.下载SHASUMS256.txt
https://registry.npmmirror.com/binary.html?path=electron/v9.4.4/ 末尾
放到 C:\Users\Admin\AppData\Local\electron\Cache 目录下

3.下载 winCodeSign
https://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/
解压放到C:\Users\Admin\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.6.0目录下（
没有的话，自己创建winCodeSign-2.6.0）

4.下载/nsis-3.0.4.1
https://mirrors.huaweicloud.com/electron-builder-binaries/
两个文件 nsis-resources-3.4.1/ nsis-3.0.4.1/
解压放到C:\Users\Admin\AppData\Local\electron-builder\Cache\nsis\nsis-3.0.4.1 目录下