Electron 开发实战这门课，直击前端开发者想要突破浏览器边界、掌握跨平台桌面应用能力的痛点。很多开发者习惯了在 Web 环境下工作，一旦涉及桌面端开发，往往在进程管理、文件系统调用以及原生 GUI 交互上感到陌生。这门课程就是为那些有 Web 基础，但缺乏桌面端实战经验，且想通过 Electron 快速搭建跨平台应用的学习者准备的。它不兜圈子，直接带你从环境搭建开始，通过开发一个番茄钟应用，逐步揭开 Electron 架构的神秘面纱，让你明白 Chromium 渲染进程与 Node.js 主进程是如何配合工作的，以及如何处理进程间通信和调用原生能力。
学什么：从入门到番茄钟实战
建议在开始之前，先对 Web 开发有基本掌握，熟悉 HTML、CSS 和 JavaScript 即可。课程内容安排紧凑，从简单的环境搭建到第一个番茄钟应用，再到深入剖析 Electron 的核心机制。你需要重点关注主进程与渲染进程的区别，理解它们之间如何进行通信，以及如何利用 Node.js 的能力去操作本地文件系统和调用原生 GUI。最后，通过实战项目，你将学会如何整合这些知识点，构建一个功能完整的桌面应用，并探索 Electron 在桌面开发领域的更多可能性。
学完能做什么：独立开发桌面应用
当你学完这门课，不应该只是看懂了概念，而是应该具备独立开发 Electron 应用的能力。你将能够熟练搭建开发环境，独立完成一个基于 Electron 的番茄钟应用，并理解其背后的架构原理。更重要的是，你将掌握处理进程间通信的技巧，能够调用系统原生能力，并具备独立思考技术选型、判断何时使用 Electron 或其他桌面框架的能力。这不仅能让你多一项职业技能，更能让你有能力将现有的 Web 技术栈扩展到桌面端，释放前端的想象力，去开发任何你想要的桌面软件。
如何配合练习：以项目驱动学习
资料包中的实战项目代码是学习的核心载体。不要只看视频，一定要动手跟着敲代码，特别是进程间通信和主进程配置这些容易出错的地方。建议先看懂项目综述，了解整体需求，然后分段攻克，遇到卡点再回看对应章节。在练习过程中，尝试修改代码参数，观察应用行为的变化，这比单纯阅读代码理解得更快。通过反复的编码与调试，将理论知识转化为肌肉记忆，确保自己真的能独立完成一个可运行的 Electron 应用。
课程目录
未分组
- 01 _ 课程介绍
- 02 _ 内容综述：学完这门课程你能得到什么？
- 03 _ Electron介绍：为什么Electron这么火？
- 04 _ 揭秘Electron架构原理：Chromium + Node.js是如何一起工作？
- 05 _ 桌面端技术选型：如何选择合适的桌面端技术？
- 06 _ Electron开发准备：环境搭建及前期准备
- 07 _ 第一个Electron应用：开发一个简单版的番茄钟（上）
- 08 _ 第一个Electron应用：开发一个简单版的番茄钟（下）
- 09 _ 与Web开发不同（一）：主进程与渲染进程
- 10 _ 与Web开发不同（二）：进程间通信
- 11 _ 与Web开发不同（三）：Native能力及原生GUI
- 12 _ 与Web开发不同（四）： 释放前端想象力，基于Electron能做什么？
- 13 _ 实战项目综述：整体需求分析
- 14 _ 设计思路：做远程控制有几步？
- 15 _ 项目架构与基础业务：Electron 与 React 框架结合
- 16 _ 主页面基础业务：Real World IPC
- 17 _ 傀儡端实现（一）：基于Electron能力捕获桌面视频流
- 18 _ 傀儡端实现（二）：如何接收&响应指令？
- 19 _ 傀儡端实现（三）：基于WebRTC传输视频流（上）
- 20 _ 傀儡端实现（四）：基于WebRTC传输视频流（下）
- 21 _ 信令服务：如何连接两端（上）
- 22 _ 信令服务：如何连接两端（下）
- 23 _ 指令传输实现：如何建立数据传输？
- 24 _ 项目完善与总结（上）：App特性
- 25 _ 项目完善与总结（下）：原生GUI
- 26 _ Electron 应用打包：从HTML到安装包
- 27 _ Electron 应用更新（一）：软件更新的痛点
- 28 _ Electron 应用更新（二）：线上项目如何更新？
- 29 _ Electron 质量监控：桌面端的质量抓手是什么？
- 30 _ 使用原生能力：如何集成C++能力？
- 31 _ Electron 自动化测试：如何编写端到端测试？
- 32 _ Electron体验优化：如何优化白屏问题？
- 33 _ Electron客户端的安全：从XSS到RCE
- 34 _ Electron bad parts：辩证看待Electron技术
- 35 _ 结课测试&结束语
