news 2026/6/19 1:34:17

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/6/18 12:35:46

【毕业设计】SpringBoot+Vue+MySQL 宠物爱心组织管理系统平台源码+数据库+论文+部署文档

摘要 随着社会对宠物福利的关注度不断提升,宠物爱心组织的管理需求日益增长。传统的管理方式依赖人工操作,效率低下且易出错,难以满足组织在宠物救助、领养、志愿者管理等方面的复杂需求。信息化管理系统的引入能够有效解决这些问题&#xff…

作者头像 李华
网站建设 2026/6/18 20:32:53

企业级宠物健康顾问系统管理系统源码|SpringBoot+Vue+MyBatis架构+MySQL数据库【完整版】

摘要 随着社会经济的发展和人们生活水平的提高,宠物已成为许多家庭的重要成员,宠物健康问题日益受到关注。传统的宠物健康管理方式主要依赖线下宠物医院或人工记录,存在信息分散、效率低下、数据共享困难等问题。宠物主人难以全面掌握宠物的健…

作者头像 李华
网站建设 2026/6/17 4:10:05

Open-AutoGLM弹窗管理:3步实现复杂场景下的稳定交互

第一章:Open-AutoGLM 多弹窗叠加处理在自动化测试与智能流程执行中,多弹窗叠加是常见的交互难题。Open-AutoGLM 通过语义理解与视觉定位融合机制,实现对嵌套式弹窗的精准识别与顺序处理。弹窗识别策略 系统采用分层检测逻辑,优先捕…

作者头像 李华
网站建设 2026/6/17 18:08:28

Java Web 动物领养平台系统源码-SpringBoot2+Vue3+MyBatis-Plus+MySQL8.0【含文档】

摘要 随着社会对动物福利的关注度不断提升,动物领养平台的需求日益增长。传统的线下领养模式存在信息不对称、流程繁琐等问题,亟需一种高效、透明的线上解决方案。基于此背景,本研究设计并实现了一个基于Java Web的动物领养平台系统&#xff…

作者头像 李华