Published on

Electron 进程间通信详解

Authors
  • Name
    Twitter

Electron 应用中的进程间通信（IPC）是构建高效、响应式桌面应用的关键。本文将详细介绍 Electron 中不同的 IPC 方法，它们的用途、区别以及最佳实践。

1. IPC 通信方法概述

Electron 提供了两组主要的 IPC 方法：

  • ipcRenderer.send / ipcMain.on
  • ipcRenderer.invoke / ipcMain.handle

2. send/on 方法

2.1 特点

  • 单向通信模式
  • 不直接返回值
  • 使用回调函数处理响应

2.2 示例代码

// 渲染进程
ipcRenderer.send('channel-name', data)
ipcRenderer.on('channel-name-reply', (event, result) => {
  console.log(result)
})

// 主进程
ipcMain.on('channel-name', (event, data) => {
  const result = processData(data)
  event.reply('channel-name-reply', result)
})

2.3 适用场景

  • 单向通知
  • 不需要立即响应的操作

3. invoke/handle 方法

3.1 特点

  • 请求-响应模式
  • 返回 Promise
  • 支持 async/await
  • 更容易的错误处理

3.2 示例代码

// 渲染进程
async function getData() {
  try {
    const result = await ipcRenderer.invoke('get-data', arg)
    console.log(result)
  } catch (error) {
    console.error(error)
  }
}

// 主进程
ipcMain.handle('get-data', async (event, arg) => {
  return await someAsyncOperation(arg)
})

3.3 适用场景

  • 需要等待结果的操作
  • 复杂的异步操作

4. 上下文隔离

上下文隔离是一个重要的安全特性，影响了 IPC 的实现方式。

4.1 开启上下文隔离

优点：

  • 提高安全性
  • 清晰的 API 暴露
  • 更好的代码组织

示例：

// 预加载脚本
const { contextBridge, ipcRenderer } = require('electron')

contextBridge.exposeInMainWorld('electronAPI', {
  sendMessage: (message) => ipcRenderer.send('message', message),
  onReceiveMessage: (callback) => ipcRenderer.on('message', callback)
})

// 渲染进程
window.electronAPI.sendMessage('Hello')

4.2 不开启上下文隔离

特点：

  • 直接访问 Node.js API
  • 简单但安全性较低

示例：

// 渲染进程
const { ipcRenderer } = require('electron')
ipcRenderer.send('message', 'Hello')

5. 最佳实践

  1. 优先使用 invoke/handle 方法进行双向通信。
  2. 开启上下文隔离以提高安全性。
  3. 使用预加载脚本和 contextBridge 暴露必要的 API。
  4. 对于简单的单向通知，可以使用 send/on 方法。
  5. 始终处理潜在的错误，特别是在使用 invoke 方法时。

通过合理使用这些 IPC 方法和安全实践，你可以构建既高效又安全的 Electron 应用。选择正确的通信方式取决于你的具体需求和应用架构。