大前端技术-Electron
文章平均质量分 83
Electron作为大前端技术体系的分支之一,它承担着我们面向桌面端开发的能力。本专栏以实战的方式,一步一步带领大家掌握Electron桌面端开发。
老李说技术
前阿里技术专家|现大前端技术负责人|专注前端职业突围:简历优化、技术攻关与职业规划
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
16 Electron 应用自动更新方案:electron-updater 完整指南
本文是Electron应用自动更新的完整指南,详细介绍了如何使用electron-updater实现跨平台自动更新功能。文章从环境准备、配置更新服务器、主进程逻辑实现、渲染进程通信集成到应用构建与发布,提供了逐步指导。核心内容包括自动更新机制原理、平台支持情况、元数据文件生成规则,以及如何通过事件回调机制实现更新状态通知。还特别强调了调试技巧和测试方法,帮助开发者构建可靠的自动更新系统,为用户提供无缝的升级体验。原创 2025-10-25 12:38:03 · 1017 阅读 · 0 评论 -
15、Electron专题:使用 electron-store 进行本地数据存储
本文介绍了Electron应用数据持久化库electron-store的使用方法。内容涵盖安装、基本使用(创建实例、存储读取数据)、高级功能(数据验证、变化监听、加密),以及与localStorage的对比。electron-store支持JSON格式存储,可在主进程和渲染进程中使用,提供比localStorage更强大的功能和更好的可靠性。文章还提供了在渲染进程中使用的方法和preload.js配置示例。原创 2025-10-21 17:28:45 · 1432 阅读 · 0 评论 -
14、Electron 专题(macOS 代码签名)
关于electron的代码签名,很多前端同学会在这里有很大的疑惑。本章节通过介绍macOS关于签名的基本概念,以及apple开发者平台关于代码签名的说明和介绍,最后结合electron配置,才能把代码签名、公证这个事情讲清楚。原创 2025-10-12 23:07:27 · 1167 阅读 · 0 评论 -
13、Electron 专题(entitlements 配置)
Entitlements 是 macOS 应用的安全机制,通过 XML 文件定义应用可访问的系统资源权限。在 Electron 开发中,正确的 entitlements 配置对代码签名和分发至关重要。核心配置包括 JIT 执行、未签名内存访问、网络权限、文件系统访问等。启用 hardened runtime 时需明确声明权限,而 Mac App Store 版本还需配置 App Sandbox。原创 2025-10-11 18:15:00 · 993 阅读 · 0 评论 -
12、electron专题(electron-builder)
Electron-builder是Electron应用的主流打包工具,支持跨平台构建Windows、macOS和Linux应用。它提供代码签名、自动更新、资源压缩等功能,并支持多种配置方式。文章详细介绍了其核心概念、基本能力、安装方法、配置选项(包括通用配置和平台特定配置)以及构建命令,特别强调了macOS平台的代码签名和权限配置要求。通过合理配置electron-builder,开发者可以轻松实现Electron应用的打包、签名和分发流程。原创 2025-10-11 17:57:15 · 1011 阅读 · 0 评论 -
10、代码签名详解(Electron)
代码签名指南摘要 代码签名验证软件来源并确保完整性,是各平台分发的必备流程。 macOS签名需注册Apple开发者账号($99/年),配置证书(DeveloperID/MacAppStore)及Provisioning Profile,通过electron-builder设置身份标识、权限文件(entitlements.plist)并完成公证(Notarization)。 Windows签名需购买商业CA证书(EV/Standard),安装.pfx文件后,在electron-builder中配置证书路径、密原创 2025-10-06 23:50:56 · 670 阅读 · 0 评论 -
9、打包与发布(electron-builder)
本文介绍了Electron主流打包工具electron-builder的核心功能与使用方法。主要内容包括:1)基本概念,涵盖打包、发布、签名和自动更新;2)配置方式,支持package.json、YAML和JS三种配置文件;3)操作流程,从安装到多平台打包(macOS的dmg、Windows的nsis、Linux的AppImage);4)关键配置项说明,如appID、files、asar压缩等;5)完整的打包发布流程。该工具可简化Electron应用的分发流程,支持跨平台构建和自动更新功能,是Electro原创 2025-10-05 22:44:03 · 1349 阅读 · 0 评论 -
8、文件系统使用场景(Electron)
本文介绍了Electron开发中文件系统的核心API和5个典型应用场景。主要API包括:fs模块(文件读写)、dialog(文件对话框)、path(跨平台路径处理)及app.getPath(获取标准路径)。应用场景包括:1)应用配置管理(存储版本信息等配置);2)数据持久化(本地JSON存储);3)日志记录(按天保存日志);4)数据备份(目录复制);5)文件导入导出(支持JSON/CSV格式)。每个场景都提供了具体代码实现,展示了如何结合Electron和Node.js能力实现桌面应用的本地文件操作功能。原创 2025-10-04 19:29:08 · 741 阅读 · 0 评论 -
7、文件系统相关api以及基础的文件操作
本章节,我们会了解electron,文件系统相关的api,学习文件的基础操作。着重介绍了fs、dialog、path等相关模块的基本知识。原创 2025-10-03 22:57:39 · 559 阅读 · 0 评论 -
6、菜单、快捷键、托盘(Electron)
本文介绍了Electron中应用菜单、全局快捷键和系统托盘的实现器核心用法: 应用菜单:通过Menu API自定义菜单项,包括文件、编辑、视图等模块功能,支持点击点击事件处理。 全局快捷键:使用globalShortcut API注册全局快捷方式,在应用配合特定快捷键触发操作。 系统托盘:通过Tray API创建系统托盘图标,支持自定义图标和右键菜单,实现快速访问应用功能。 这些功能提供了完善的桌面应用交互方案,使应用更符合用户使用习惯。原创 2025-10-01 18:26:04 · 433 阅读 · 0 评论 -
5、IPC 通信(Electron)
本文介绍了Electron中IPC通信的四种主要模式,并通过示例代码展示了每种模式的实现方式,最后提供了一个获取应用版本的实际案例。文章强调IPC通信是Electron实现主进程和渲染进程交互的核心机制,包含ipcMain和ipcRenderer两个主要模块。原创 2025-09-30 23:51:18 · 792 阅读 · 0 评论 -
4、窗口与生命周期(Electron)
本文介绍了Electron中BrowserWindow模块的基础使用,包括窗口创建、配置选项和生命周期管理的基本知识,为构建桌面应用打下基础。原创 2025-09-29 22:07:32 · 482 阅读 · 0 评论 -
3、预加载与安全模型(Electron)
本文介绍了Electron中的预加载脚本和安全模型。预加载脚本在渲染进程前执行,通过contextBridge向渲染进程安全暴露API,同时保持上下文隔离和安全边界。重点强调了预加载作为安全边界的作用,实现可控授权和最小暴露原则。原创 2025-09-29 18:04:37 · 664 阅读 · 0 评论 -
2、主进程与渲染进程(Electron)
Electron采用主进程和渲染进程的双进程架构:主进程控制应用生命周期、创建原生窗口并访问Node能力,渲染进程负责页面UI展示。本章详细介绍了最小主进程的实现方式,包括窗口创建、多窗口管理、进程崩溃处理等核心功能。同时提供了性能优化、安全配置、调试工具使用等实用技巧,并讲解了进程间数据共享的解决方案,为构建稳定高效的Electron应用提供了完整指导。原创 2025-09-28 23:59:08 · 624 阅读 · 0 评论 -
1、环境与项目初始化(Electron)
本文介绍了使用Electron开发跨平台桌面应用的基础知识和实践步骤。通过一个简单的HelloWorld示例,演示了如何创建窗口、加载网页内容,并说明了各模块间的协作关系。文章为前端开发者提供了使用HTML/CSS/JavaScript构建桌面应用的入门指南,适合想要学习Electron开发的新手参考。原创 2025-09-27 15:40:56 · 1085 阅读 · 0 评论 -
大前端技术-electron学习总纲
本文介绍了作者基于大前端技术打造的Electron专栏规划。针对新手学习痛点,专栏将聚焦核心概念,通过真实项目场景和实践代码帮助掌握Electron开发。适合具备HTML/JS/Node基础的学习者,旨在从理论到实践系统掌握Electron桌面应用开发。原创 2025-09-27 14:00:00 · 427 阅读 · 0 评论
分享