news 2026/3/20 8:44:42

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/3/15 10:08:03

企业级宠物商城网站管理系统源码|SpringBoot+Vue+MyBatis架构+MySQL数据库【完整版】

摘要 随着社会经济的发展和人们生活水平的提高,宠物行业逐渐成为新兴的经济增长点。宠物商城作为宠物产业链中的重要环节,其线上化、智能化管理需求日益增长。传统的宠物商城管理系统存在功能单一、扩展性差、用户体验不佳等问题,难以满足现代…

作者头像 李华
网站建设 2026/3/15 10:21:41

企业级扶贫助农系统管理系统源码|SpringBoot+Vue+MyBatis架构+MySQL数据库【完整版】

摘要 背景相关: 随着乡村振兴战略的深入推进,数字化技术在扶贫助农领域的应用日益广泛。传统扶贫模式存在信息不对称、资源分配不均、管理效率低下等问题,亟需通过信息化手段提升扶贫工作的精准性和可持续性。企业级扶贫助农系统通过整合互联…

作者头像 李华
网站建设 2026/3/15 14:50:10

信息管理毕设2026开题汇总

1 引言 毕业设计是大家学习生涯的最重要的里程碑,它不仅是对四年所学知识的综合运用,更是展示个人技术能力和创新思维的重要过程。选择一个合适的毕业设计题目至关重要,它应该既能体现你的专业能力,又能满足实际应用需求&#xff…

作者头像 李华
网站建设 2026/3/15 13:40:38

LangFlow权限控制系统设想与路线图

LangFlow权限控制系统设想与路线图 在AI应用开发日益普及的今天,LangChain已经成为连接大语言模型与外部系统的核心桥梁。然而,随着团队协作和企业级部署需求的增长,基于LangChain构建的可视化工具LangFlow也面临着新的挑战——如何在保持低代…

作者头像 李华
网站建设 2026/3/15 17:36:09

LangFlow医疗辅助诊断系统搭建全过程

LangFlow医疗辅助诊断系统搭建全过程 在智慧医疗的浪潮中,一个现实问题始终困扰着医院信息化团队:如何让医生真正参与到AI系统的构建中?传统的智能辅助诊断系统往往由工程师闭门开发,临床专家只能被动接受输出结果。即便模型准确率…

作者头像 李华
网站建设 2026/3/19 21:14:30

LangFlow图像生成任务整合Stable Diffusion步骤

LangFlow整合Stable Diffusion实现图像生成的完整实践 在AI应用开发日益复杂的今天,如何快速构建一个从自然语言输入到高质量图像输出的端到端系统,成为许多开发者和创意工作者关注的核心问题。传统的做法是编写大量胶水代码来串联大模型调用、提示词优化…

作者头像 李华