news 2026/4/23 10:03:54

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/4/4 5:00:14

Open-AutoGLM密钥轮换机制深度剖析:自动化安全如何真正落地

第一章:Open-AutoGLM密钥轮换机制概述Open-AutoGLM 是一款面向自动化大语言模型服务的安全框架,其核心安全策略之一是密钥轮换机制。该机制旨在降低长期使用同一认证密钥带来的安全风险,通过周期性更新访问密钥,有效防范密钥泄露、…

作者头像 李华
网站建设 2026/4/20 18:07:37

虚拟现实测试:挑战、方法与未来展望

虚拟现实(VR)技术正迅速渗透到游戏、教育、医疗和工业等领域,为软件测试从业者带来了前所未有的机遇与挑战。作为测试人员,我们不再仅仅面对传统的二维界面,而是需要验证沉浸式、交互式的三维环境。本文旨在探讨VR测试…

作者头像 李华
网站建设 2026/4/11 2:53:14

测试增强现实:挑战、策略与未来展望

随着增强现实(AR)技术在游戏、教育、医疗和零售等领域的广泛应用,软件测试从业者面临着前所未有的机遇与挑战。AR系统通过叠加虚拟信息到真实世界,创造了沉浸式用户体验,但其测试过程远比传统软件复杂,涉及…

作者头像 李华
网站建设 2026/4/18 7:48:20

孤能子视角:植物、微生物和动物

我的问题:1.植物、微生物、动物与环境的能量–信息耦合有什么区别。2.三者之间的互动关系。信兄回答1:植物、微生物、动物与环境的能量–信息耦合有什么区别。运用EIS理论(能量-信息孤能子理论)来审视植物、微生物与动物,我们发现这三类生命形…

作者头像 李华