news 2026/10/28 7:19:04

Electron 发布与部署

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Electron 发布与部署

Electron 中的发布与部署

发布(Release)与部署(Deployment)是 Electron 应用从开发完成到交付用户手中的最后环节。主要涉及:生成版本化的安装包、上传到分发渠道、实现自动更新,以及在生产环境中稳定运行。以下基于 2025 年最新实践(electron-builder + electron-updater + 主流平台)进行总结。

1.发布流程概述

典型发布流程:

  1. 递增版本号(package.json 的version)
  2. 构建前端资源(Vite/Webpack 等)
  3. 使用打包工具生成安装包(.exe/.dmg/.AppImage 等)
  4. 代码签名与公证(生产必备)
  5. 上传安装包到分发服务器(GitHub Releases、S3、私有服务器等)
  6. 触发自动更新检测(用户下次启动时提示更新)
2.主流分发渠道与自动更新方案
方案适用平台优点缺点/要求配置难度
GitHub ReleasesWin/mac/Linux最简单、私有仓库也支持、免费、electron-updater 原生支持需要 GitHub 账号,发布频率受限(rate limit)★☆☆☆☆
S3 + CloudFrontWin/mac/Linux高性能 CDN、可控权限、适合企业需要 AWS 账号、配置签名 URL★★☆☆☆
Azure Blob / Google CloudWin/mac/Linux类似 S3,适合对应云用户配置复杂★★★☆☆
自建服务器(如 Nutstore)Win/mac/Linux完全可控、国内访问快需要维护服务器、HTTPS 证书★★★★☆
应用商店分发macOS/WindowsMac App Store、Microsoft Store(侧载或商店上架)严格审核、需付费证书、无法自动更新(商店版)★★★★★

2025 年推荐:GitHub Releases + electron-updater(90% 项目首选)。

3.electron-updater 自动更新配置(关键代码)

安装:

npminstallelectron-updater

主进程实现(main.js):

const{app,autoUpdater,dialog}=require('electron');const{electronUpdater}=require('electron-updater');// 可选:设置日志electronUpdater.logger=require('electron-log');autoUpdater.on('checking-for-update',()=>{console.log('正在检查更新...');});autoUpdater.on('update-available',(info)=>{dialog.showMessageBox({type:'info',title:'发现新版本',message:`发现新版本${info.version},是否立即下载?`,buttons:['是','稍后']}).then((res)=>{if(res.response===0)autoUpdater.downloadUpdate();});});autoUpdater.on('update-downloaded',()=>{dialog.showMessageBox({title:'更新已就绪',message:'更新下载完成,应用将重启以应用更新。',buttons:['立即重启']}).then(()=>{autoUpdater.quitAndInstall();});});// 应用就绪后检查更新(推荐延迟几秒,避免启动卡顿)app.whenReady().then(()=>{setTimeout(()=>{autoUpdater.checkForUpdatesAndNotify();// 或 checkForUpdates()},5000);});

package.json publish 配置(与 electron-builder 结合):

"build":{"publish":[{"provider":"github","owner":"your-username","repo":"your-repo","private":false,// private: true 也支持(需 token)"releaseType":"release"// draft/release/prerelease}]}
4.CI/CD 自动化发布(强烈推荐)

使用 GitHub Actions 实现一键发布:

示例 workflow(.github/workflows/release.yml):

name:Releaseon:push:tags:-'v*'jobs:build:runs-on:${{matrix.os}}strategy:matrix:os:[macos-latest,windows-latest,ubuntu-latest]steps:-uses:actions/checkout@v4-name:Setup Nodeuses:actions/setup-node@v4with:node-version:20-run:npm ci-run:npm run build:frontend# 构建 React/Vite 等-name:Build & Publishenv:GITHUB_TOKEN:${{secrets.GITHUB_TOKEN}}# macOS 公证APPLE_ID:${{secrets.APPLE_ID}}APPLE_ID_PASSWORD:${{secrets.APPLE_ID_PASSWORD}}# Windows 签名CSC_LINK:${{secrets.CSC_LINK}}CSC_KEY_PASSWORD:${{secrets.CSC_KEY_PASSWORD}}run:npm run release# electron-builder --publish always

触发方式:打 taggit tag v1.2.0 && git push --tags

5.生产部署注意事项
  • 版本递增:每次发布必须提升package.json的version,否则更新检测失败。
  • 增量更新:electron-updater 支持差分更新(macOS/Linux 更明显),可大幅减少下载体积。
  • 静默更新:可用checkForUpdates()+ 后台下载 + 手动提示。
  • 错误处理:捕获error事件,记录日志,避免更新失败崩溃。
  • 多渠道发布:可同时配置多个 publish provider,按平台选择。
  • 企业内网部署:禁用自动更新,手动分发安装包,或自建更新服务器。
6.常见问题与解决方案
  • 更新卡在“下载中”:检查服务器是否支持 Range 请求(GitHub 支持)。
  • macOS 公证失败:确保 Hardened Runtime 和正确 entitlements。
  • Windows SmartScreen 警告:必须使用 EV 代码签名证书。
  • Linux 更新复杂:AppImage + 自建服务器最可靠。

完整的发布与部署链路:GitHub + electron-builder + electron-updater + GitHub Actions是当前最成熟、最高效的组合,能实现从代码提交到用户自动更新的全自动化。如果你计划上架应用商店或有企业级部署需求(如离线更新、自定义 CDN),可以提供更多细节,我可以给出针对性方案!

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

查重不过?AI痕迹太重?百考通降重平台,双效合一,轻松过关!

论文写完了,却卡在查重这一关? 重复率高达35%,导师还指出“语言像AI生成”? 手动改写几遍仍无济于事,眼看提交 deadline 逼近…… 别再浪费时间无效修改了!百考通智能降重与去AI痕迹平台(https…

作者头像 李华
网站建设 2026/10/26 7:47:58

人机协作:软件测试的下一站革命

当人类智慧遇见机器效率 在软件测试领域,人工测试与自动化测试的二分法正逐渐被“人机协作”的新范式取代。这不是简单的工具辅助,而是人类专业判断与机器精准执行的深度融合。随着人工智能和机器学习技术的成熟,测试人员不再被重复性任务束…

作者头像 李华
网站建设 2026/10/27 12:18:28

软件测试的认知升维:从缺陷探测到质量共建

01 范式转移:三次测试浪潮的技术哲学 软件测试行业正经历第三次认知飞跃。第一次浪潮以手工测试为主导,测试被视为开发的后续环节,缺陷检测是核心目标。第二次浪潮诞生了自动化测试框架,Selenium、Appium等工具将重复性任务交给机…

作者头像 李华
网站建设 2026/10/27 6:45:30

基于springboot + vue公司员工管理系统(源码+数据库+文档)

公司员工管理 目录 基于springboot vue公司员工管理系统 一、前言 二、系统功能演示 三、技术选型 四、其他项目参考 五、代码参考 六、测试参考 七、最新计算机毕设选题推荐 八、源码获取: 基于springboot vue公司员工管理系统 一、前言 博主介绍&…

作者头像 李华
网站建设 2026/10/28 6:25:21

为什么顶尖团队都在用Open-AutoGLM处理多弹窗?真相令人震惊!

第一章:为什么顶尖团队都在用Open-AutoGLM处理多弹窗?在现代Web自动化测试与爬虫工程中,多层级弹窗(如登录模态框、权限提示、广告浮层)已成为阻碍流程稳定性的主要瓶颈。传统自动化工具常因无法准确识别动态弹窗的上下…

作者头像 李华
网站建设 2026/10/27 15:24:08

Open-AutoGLM全局异常监听配置全攻略(避免线上事故的最后防线)

第一章:Open-AutoGLM全局异常监听配置全攻略(避免线上事故的最后防线)在高可用系统架构中,Open-AutoGLM 的全局异常监听机制是保障服务稳定性的关键组件。通过实时捕获模型推理链路中的异常行为,可快速定位并阻断潜在故…

作者头像 李华