第3章 Electron核心原理与架构：进程模型、渲染进程、主进程通信、安全配置
本章导读：Electron的进程模型是面试高频区，核心考察点包括：主进程与渲染进程职责、进程间通信（IPC）机制、contextBridge安全隔离、Node.js与Chromium双线程协作。掌握底层架构才能应对“内存泄漏”“白屏”“安全漏洞”等深挖问题。
3.1 进程模型与通信架构
Electron基于Chromium多进程架构，关键进程类型如下表：
| 进程类型 | 权限 | 典型职责 | Node.js可用 |
|---|---|---|---|
| 主进程（Main） | 系统级（文件/窗口/菜单） | 创建窗口、管理生命周期、调用原生API | ✅ 完整 |
| 渲染进程（Renderer） | 网页级（DOM/样式/交互） | 渲染UI、执行前端代码、处理用户事件 | ❌ 默认关闭（需开启nodeIntegration） |
| GPU进程 | 图形加速 | 处理WebGL、Canvas等硬件加速任务 | ❌ |
| Utility进程 | 网络/存储等 | 网络服务、数据存储等子进程 | ❌ |
通信依赖IPC（Inter-Process Communication）：渲染进程通过contextBridge暴露安全API，主进程通过ipcMain/ipcRenderer收发消息。
面试加分点：主动指出“渲染进程默认禁用Node.js”是为了安全，通过
contextBridge实现最小权限原则。能对比Electron 12前后ipcRenderer直接暴露的变化，体现版本迭代认知。
3.2 核心面试问答卡片
Q1: Electron的主进程和渲染进程如何分工？为什么不能合并？
✅ 面试官考察点：基础架构理解、进程隔离意义、安全与性能意识。
📐 回答框架：职责分离 → 安全性 → 稳定性 → 性能优势
示例回答：主进程负责系统级操作（窗口、菜单、原生API），渲染进程负责UI渲染和用户交互。合并会导致：1) 渲染崩溃拖垮整个应用；2) 网页代码直接访问系统API带来安全风险。Chromium多进程架构天然提供了隔离和资源回收优势。
🔄 可能追问：“如果需要在渲染进程里调用Node模块怎么办？” “Electron中如何管理多个渲染进程的内存？”
⚠️ 避坑提醒：不要只说“一个管理窗口一个显示页面”，要讲出沙箱隔离和崩溃独立的关键词。避免把渲染进程和浏览器tab完全等同，Electron渲染进程可以共享同一会话（session），但主进程不管理UI。
Q2: 请描述主进程与渲染进程通信的完整流程，并说明如何保证安全？
✅ 面试官考察点：IPC细节、contextBridge使用、安全配置、版本演变。
📐 回答框架：Preload脚本 → contextBridge暴露API → ipcMain/ipcRenderer → 双向或单向通信
示例回答：在预加载脚本（preload.js）中通过
contextBridge.exposeInMainWorld暴露安全接口，渲染进程调用此接口触发ipcRenderer.invoke，主进程通过ipcMain.handle响应。禁用nodeIntegration和contextIsolation: true保证渲染进程无法直接访问Node API。
🔄 可能追问：“你如何设计IPC的请求响应超时？” “如果主进程需要向所有渲染进程广播消息，应该用哪种IPC模式？”
⚠️ 避坑提醒：切勿在渲染进程里直接require（即使开启了nodeIntegration），这是安全红线。示例中要明确提到contextIsolation: true和sandbox: true。不要混淆
invoke/handle（请求-响应）和send/on（单向通知）的使用场景。
Q3: Electron的安全配置有哪些核心要点？如何防范XSS和远程代码执行？
✅ 面试官考察点：安全策略、Content Security Policy、沙箱配置、最新最佳实践。
📐 回答框架：禁用危险特性 → 内容安全策略 → 进程沙箱 → 更新处理
示例回答：1)
nodeIntegration: false、contextIsolation: true、sandbox: true；2) 设置Content-Security-Policy限制脚本来源；3) 使用contextBridge暴露最小接口；4) 避免shell.openExternal处理不可信URL；5) 及时升级Electron版本修复Chromium漏洞。
🔄 可能追问：“如何限制渲染进程的文件系统访问？” “Electron应用如何实现自动更新且保证更新包签名校验？”
⚠️ 避坑提醒：不要只背诵配置项，要结合场景举例（如富文本编辑器XSS攻击）。注意sandbox模式下preload文件也受限，不能使用Node API。同时提到Electron安全警告（如启用webviewTag的风险）会更显深度。
3.3 知识结构速览
| 核心概念 | 关键配置/API | 常见考点 |
|---|---|---|
| 进程隔离 | nodeIntegration / contextIsolation | 沙箱 vs 非沙箱差异 |
| IPC通信 | ipcMain.handle / ipcRenderer.invoke | invoke/handle vs send/on 选择 |
| 安全暴露 | contextBridge.exposeInMainWorld | Preload脚本作用域 |
| 内容安全策略 | HTTP头 Content-Security-Policy | 限制eval、内联脚本 |
| 进程种类 | Main / Renderer / GPU / Utility | 各进程职责与生命周期 |
面试提升策略：准备一个小型Electron项目（如文件管理器），在简历中体现：使用
contextBridge暴露文件读写接口，设置CSP阻止XSS，利用ipcMain.handle实现异步请求。面试时直接拿出“架构图+安全配置”展示你的深度。