news 2026/2/28 3:41:19

Electron 打包与分发

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Electron 打包与分发

Electron 中的打包与分发

打包是将 Electron 应用从开发环境转换为可分发的独立桌面安装包的过程(Windows: .exe/.msi;macOS: .dmg/.app;Linux: .deb/.rpm/.AppImage)。官方推荐使用成熟的打包工具,避免手动操作。以下基于 2025 年最新实践总结。

1.主流打包工具对比
工具优点缺点/注意事项支持平台推荐场景
electron-builder配置最简单、功能最全(自动更新、代码签名、多种格式、多语言安装器)依赖较多,偶尔配置复杂Win/mac/Linux首选,大多数项目
electron-forge官方推荐,模块化(支持多种 maker),与 Webpack/Vite 集成好配置稍繁琐,自动更新需额外插件Win/mac/Linux喜欢模块化、需要自定义流程
electron-packager最轻量、简单快速只打包不生成安装器,需手动签名/公证Win/mac/Linux快速原型、内部分发
electron-updater + builder与 builder 结合实现自动更新--所有需要自动更新的应用

2025 年推荐electron-builder(社区最活跃,文档最全)。

2.使用 electron-builder 打包(推荐流程)

安装

npminstall--save-dev electron-builder

package.json 配置(关键部分):

{"name":"my-app","version":"1.0.0","main":"main.js","scripts":{"build":"electron-builder","dist:win":"electron-builder --win","dist:mac":"electron-builder --mac","dist:linux":"electron-builder --linux"},"build":{"appId":"com.example.myapp","productName":"MyApp","directories":{"output":"dist"// 输出目录},"files":["dist-electron/**/*",// Vite/Webpack 输出"main/**/*"],"win":{"target":[{"target":"nsis","arch":["x64","ia32"]},// 安装器{"target":"portable"}// 便携版],"icon":"build/icon.ico"},"mac":{"target":["dmg","zip"],"icon":"build/icon.icns","hardenedRuntime":true,"gatekeeperAssess":false,"entitlements":"build/entitlements.mac.plist"},"linux":{"target":["AppImage","deb","rpm"],"icon":"build/icons"},"nsis":{"oneClick":false,// 多语言安装器"allowToChangeInstallationDirectory":true}}}

常见打包命令

# 打包所有平台npmrun build# 只打包当前平台npmrun build -- --publish never# 发布(配合自动更新)npmrun build -- --publish always
3.代码签名与公证(必须,用于生产发布)
平台要求操作方式
WindowsSmartScreen 信任、病毒扫描使用 EV 代码签名证书(DigiCert、Sectigo)
CSC_LINKCSC_KEY_PASSWORD环境变量
macOSGatekeeper、Notarization(公证)必备- Apple Developer ID 证书
- 启用 Hardened Runtime
- electron-builder 自动公证(需APPLE_IDAPPLE_ID_PASSWORD
Linux无强制,但 AppImage 可签名可选 GPG 签名
4.自动更新(Squirrel / electron-updater)

推荐使用electron-updater(与 builder 无缝集成)。

配置

npminstallelectron-updater

主进程代码

const{autoUpdater}=require('electron-updater');autoUpdater.on('checking-for-update',()=>{/* ... */});autoUpdater.on('update-available',()=>{/* 提示用户 */});autoUpdater.on('update-downloaded',()=>{autoUpdater.quitAndInstall();});// 启动时检查app.whenReady().then(()=>{autoUpdater.checkForUpdatesAndNotify();});

发布服务器选项

builder 配置(package.json):

"publish":[{"provider":"github","owner":"yourname","repo":"my-app"}]
5.最佳实践与常见坑

使用 electron-builder + electron-updater + GitHub Releases 的组合,是当前最成熟、最省心的打包与分发方案。如果你的项目使用 Vite + React/Vue 或有特殊需求(如企业内部分发、自定义安装器),可以提供更多信息,我可以给出更精确的配置示例!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/27 13:15:39

Electron 实战项目

以下是一些非常适合学习 Electron 的实战项目,它们从简单到复杂,覆盖了 Electron 开发中几乎所有核心知识点和常见场景。这些项目在 2024–2025 年仍然是社区公认的优秀学习材料,且很多都有活跃的更新。 序号项目名称技术栈 / 特点学习价值&…

作者头像 李华
网站建设 2026/2/27 19:06:31

Open-AutoGLM解密异常频发?(企业级容错架构设计实践)

第一章:Open-AutoGLM 数据解密异常处理在 Open-AutoGLM 框架中,数据解密是模型推理前的关键步骤。由于加密数据可能来自不同源或使用不一致的密钥策略,解密过程中常出现格式错误、密钥不匹配或完整性校验失败等异常情况。为保障系统稳定性&am…

作者头像 李华
网站建设 2026/2/26 17:32:56

你还在用传统加密?Open-AutoGLM的这4个优势已彻底改写行业规则

第一章:Open-AutoGLM 数据加密算法选择在构建 Open-AutoGLM 系统时,数据安全是核心考量之一。为确保模型训练数据、推理请求及用户信息的机密性与完整性,必须选择合适的加密算法。系统采用分层加密策略,针对静态数据、传输中数据和…

作者头像 李华
网站建设 2026/2/27 20:32:57

企业级城市垃圾分类管理系统管理系统源码|SpringBoot+Vue+MyBatis架构+MySQL数据库【完整版】

摘要 随着城市化进程的加速和人口规模的不断扩大,城市垃圾问题日益严重,传统的垃圾处理方式已经无法满足现代社会的需求。垃圾分类作为垃圾减量化、资源化和无害化的重要手段,已成为城市管理的重要课题。然而,当前许多城市的垃圾分…

作者头像 李华
网站建设 2026/2/25 17:23:06

为什么你的系统总被Open-AutoGLM误封?一文看懂白名单配置核心要点

第一章:为什么你的系统总被Open-AutoGLM误封?Open-AutoGLM 是当前广泛部署的自动化内容安全检测框架,常用于识别潜在的恶意请求或异常行为。然而,许多开发者在集成 AI 接口时频繁遭遇系统被误封的问题,其根源往往并非恶…

作者头像 李华