electron ipc 进程通信 MessagePort 深入讲解

2023-10-08 10:43:45

在 Electron 中，进程间通信（Inter-Process Communication, IPC）是一个非常重要的功能，它允许主进程和渲染进程之间进行数据交换。在之前的文章中，我们已经介绍了 Electron 中的 IPC 方式之一：Channel。本文将介绍另一种 IPC 方式：MessagePort。

MessagePort 基础

MessagePort 是一个双向通信通道，它允许两个进程之间相互发送和接收消息。MessagePort 的使用非常简单，只需要创建一个 MessagePort 对象，然后将它传递给要通信的进程即可。

// 在主进程中创建 MessagePort 对象
const { ipcMain } = require('electron');

const port = new MessagePort();

// 将 MessagePort 对象传递给渲染进程
ipcMain.on('message', (event) => {
  event.ports[0].postMessage('Hello from the main process!');
});

// 在渲染进程中创建 MessagePort 对象
const { ipcRenderer } = require('electron');

const port = new MessagePort();

// 将 MessagePort 对象传递给主进程
ipcRenderer.postMessage('Hello from the renderer process!', [port]);

// 监听主进程发送的消息
port.onmessage = (event) => {
  console.log(event.data); // 'Hello from the main process!'
};

在上面的示例中，主进程和渲染进程分别创建了一个 MessagePort 对象，然后将它传递给对方。这样，两个进程就可以通过 MessagePort 对象进行双向通信了。

与主进程通信

MessagePort 可以用来与主进程进行通信。在渲染进程中，可以通过 ipcRenderer.postMessage 方法向主进程发送消息，主进程可以通过 ipcMain.on 方法监听渲染进程发送的消息。

// 在渲染进程中发送消息给主进程
ipcRenderer.postMessage('Hello from the renderer process!');

// 在主进程中监听渲染进程发送的消息
ipcMain.on('message', (event) => {
  console.log(event.data); // 'Hello from the renderer process!'
});

在上面的示例中，渲染进程通过 ipcRenderer.postMessage 方法向主进程发送了一条消息，主进程通过 ipcMain.on 方法监听到了这条消息。