Lablanc1. Electron 核心认知：前端开发者的桌面应用桥梁
Electron 本质上是一个将 Web 技术转化为桌面应用的框架。想象一下，你正在用 React 开发一个网页应用，突然需要把它变成一个可以安装在用户电脑上的独立程序。传统方式可能需要学习 C++ 或 Java 等语言重写整个应用，而 Electron 让你可以继续使用熟悉的前端技术栈。
这个框架的神奇之处在于它打包了两个核心组件：Chromium 浏览器引擎和 Node.js 运行时环境。Chromium 负责渲染你的 React 界面，就像在 Chrome 浏览器中一样；Node.js 则提供了访问操作系统底层能力的通道。这种组合让前端开发者既能保持原有的开发体验，又能突破浏览器沙箱的限制。
安全提示：虽然 Electron 提供了强大的系统访问能力，但这也意味着开发者需要格外注意安全性。永远不要在生产环境中开启 nodeIntegration，这相当于给你的应用开了一个后门。
需要模型API调用？ 免费领10W Token，多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 双进程模型：理解 Electron 的运作机制
2.1 主进程：应用的控制中心
主进程是 Electron 应用的"大脑"，每个 Electron 应用有且只有一个主进程。它负责管理应用的生命周期（启动、退出）、创建和管理浏览器窗口、以及与操作系统交互。主进程运行在 Node.js 环境中，这意味着它可以自由使用所有 Node.js 模块，比如 fs 模块来读写文件系统。
在实际开发中，主进程通常对应项目中的 main.ts 或 main.js 文件。这个文件是 Electron 应用的入口点，就像传统前端项目中的 index.html 一样重要。主进程的特殊之处在于：
- 拥有完全的系统访问权限
- 可以创建多个渲染进程（对应多个窗口）
- 负责处理来自渲染进程的 IPC 请求
2.2 渲染进程：应用的展示层
每个 Electron 窗口都是一个独立的渲染进程。如果你的应用有多个窗口，就会有多个渲染进程在运行。渲染进程本质上是一个 Chromium 浏览器实例，它负责加载和显示你的 React 应用界面。
与主进程不同，渲染进程默认运行在浏览器环境中，这意味着：
- 不能直接访问 Node.js API（出于安全考虑）
- 可以使用所有 Web API 和前端框架