桌面应用

Electron 是使用 HTML、CSS 和 JavaScript 等 Web 技术构建跨平台桌面应用程序最流行的框架之一。在底层，Electron 采用多进程架构，由一个主进程（运行 Node.js）和一个或多个渲染进程（运行 Chromium 来渲染用户界面）组成。 由于安全风险，现代 Electron 应用程序会将渲染进程与操作系统隔离。这意味着您无法直接从渲染器 UI 访问 Node.js 模块或系统资源（例如读取文件或查询数据库）。 为了安全地桥接这一差距，Electron 使用了进程间通信 (IPC)。 在本指南中，我们将解释 Electron IPC 的工作原理，并通过真实的、可用于生产的代码示例来探索三种基本的通信模式。 1. 渲染器到主进程（单向 / One-Way） 当渲染器想要向主进程发送命令或操作而不等待任何响应时，使用此模式。一个常见的示例是单击 UI 中的按钮以最小化或关闭应用程序窗口。 让我们看看这如何在三个关键文件中实现：main.js、preload.js 和 renderer.js。 主进程 (main.js) 我们使用 ipcMain.on 来监听来自渲染进程的事件。 const { app, BrowserWindow, ipcMain } = require('electron'); const path = require('path'); function createWindow() { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { preload: path.join(__dirname, 'preload.js'), contextIsolation: true, nodeIntegration: false } }); win.loadFile('index.html'); } // 监听来自渲染器的 'close-app' 事件 ipcMain.on('close-app', () => { app.quit(); }); 预加载脚本 (preload.js) 我们使用 contextBridge.exposeInMainWorld 向渲染器暴露一个安全的包装器，而不暴露整个 ipcRenderer 模块。