Electron 架构：主进程与渲染进程

Electron 是一个将 Chromium（用于网页渲染）与 Node.js（用于访问原生 API）结合起来的框架，让开发者能够使用熟悉的 Web 技术构建跨平台桌面应用。您的 React 应用运行在 Chromium 浏览器窗口中，而 Node.js 则让您能够访问操作系统功能。

主进程是 Electron 应用的入口——它管理应用生命周期、创建和控制窗口，并处理原生 OS 交互。它会生成渲染进程，并且可以完整访问 Node.js API 和底层操作系统。

每个 BrowserWindow 都会启动自己的渲染进程，该进程运行 Chromium 并执行您的 React 应用。每个窗口对应一个渲染进程，其行为很像普通浏览器标签页——它会渲染 HTML、CSS 和 JavaScript。

由于主进程拥有完整的 Node.js 访问权限，它可以读写文件系统、创建原生菜单、管理系统托盘、启动子进程，并与硬件交互。出于安全原因，渲染进程默认无法使用这些能力。

当 contextIsolation 设置为 true 时（这是现代默认设置），渲染进程处于沙箱中，无法直接访问 Node.js API。此安全模型可以防止恶意网页内容访问您的文件系统或执行任意系统命令。

进程间通信（IPC）是一种让主进程和渲染进程交换消息的机制。主进程使用 ipcMain 监听消息并作出响应，而渲染进程使用 ipcRenderer 发送消息——所有通信都是异步且基于消息的。

预加载脚本处于一个特殊的中间位置：它在渲染进程上下文中运行，但在页面内容加载前仍可访问 Node.js API。因此，它是沙箱化渲染进程与拥有特权的主进程之间的安全桥梁。

contextBridge.exposeInMainWorld 允许预加载脚本有选择地向渲染进程暴露一个安全且经过精心筛选的 API。渲染进程可以调用这些已暴露的函数，而无需直接访问 Node.js 或 Electron 内部机制，从而维持严密的安全边界。

一旦 contextBridge 以类似“api”的名称暴露了 API，您的 React 组件就可以通过 window.api.myFunction() 调用它。这感觉就像调用普通 JavaScript 函数一样，但在底层，它会通过 IPC 路由到主进程。

当启用 contextIsolation 时，Electron 安全模型明确禁止渲染进程直接访问 Node.js。所有特权操作都必须经过预加载脚本和 contextBridge，从而确保即使渲染进程中发生 XSS 攻击，也无法访问文件系统。

典型的交互流程如下：React 组件调用 window.api.readFile() → 预加载脚本调用 ipcRenderer.invoke() → 主进程中的 ipcMain.handle() 执行 fs.readFile() → 结果以 Promise 形式返回渲染进程。此架构让渲染进程保持整洁且安全。

在 Electron 中，contextBridge.exposeInMainWorld 的主要作用是什么？

Electron 将 Chromium 与 Node.js 结合起来：主进程管理应用生命周期并拥有完整 OS 访问权限，而渲染进程则在沙箱环境中运行您的 React 用户界面。预加载脚本与 contextBridge 构成安全桥梁，IPC 支持特权主进程与隔离的渲染进程之间进行安全通信。