3、预加载与安全模型（Electron）

本章节目标

• 预加载、安全模型的基础概念
• 安全的在渲染进程中，使用被许可的 Node 能力。

预加载（Preload）概念

预加载脚本是在渲染进程加载之前执行的特殊脚本，它运行在一个独立的JavaScript环境中，可以访问Node.js API和Electron的特定API。在创建渲染进程的时候，它会向渲染进程提前注入可访问的api能力。
预加载脚本的主要作用是：

• 在安全隔离的环境中桥接主进程和渲染进程之间的通信
• 向渲染进程暴露受控的API集合
• 在不破坏安全边界的情况下提供必要的功能访问
• 使用 contextBridge.exposeInMainWorld 暴露白名单 API
• 通过 ipcRenderer 与主进程通信

安全模型概念

Electron的安全模型基于以下核心原则：

• 上下文隔离（Context Isolation）：确保渲染进程无法直接访问Node.js API或Electron的内部API
• 权限最小化：只暴露必要的功能给渲染进程，遵循最小权限原则
• IPC通信机制：通过进程间通信（IPC）实现主进程和渲染进程的安全数据交换
• API白名单机制：使用 contextBridge.exposeInMainWorld 明确定义哪些API可以被渲染进程访问
  这种安全模型的设计目的是防止恶意代码在渲染进程中执行危险操作，同时允许开发者安全地提供必要的功能给前端应用。

为什么需要预加载（preload）

Electron框架本身，在进行渲染进程的渲染的时候，有安全相关的基础配置，electron可以允许渲染进程中，直接调用Node的能力，但是这本身是不安全的。

在启用 contextIsolation: true 与 nodeIntegration: false 的前提下，渲染端默认无法直接使用 Node API，需通过预加载桥接受控能力。

简单示例（TypeScript）

以下代码的核心解读如下
1、contextBridge是electron提供的预加载核心能力。
2、contextBridge.exposeInMainWorld函数的第一个参数，会暴露给渲染进程中的window属性上，第