Electron的进程间通信方式

Electron 进程通信篇

一、Electron进程间如何通信？

进程间通信 (IPC) 是在 Electron 中构建功能丰富的桌面应用程序的关键部分之一。 由于主进程和渲染器进程在 Electron 的进程模型具有不同的职责，因此 IPC 是执行许多常见任务的唯一方法，例如从 UI 调用原生 API 或从原生菜单触发 Web 内容的更改。

1.渲染器进程到主进程（单向）

要将单向 IPC 消息从渲染器进程发送到主进程，您可以使用 ipcRenderer.send API 发送消息，然后使用 ipcMain.on API 接收。

Main.js 代码如下（示例）：

function createWindow () {
   
  const mainWindow = new BrowserWindow({
   
    webPreferences: {
   
      preload: path.join(__dirname, 'preload.js')
    }
  })

  ipcMain.on('set-title', (event, title) => {
   
    const webContents = event.sender
    const win = BrowserWindow.fromWebContents(webContents)
    win.setTitle(title)
  })

  mainWindow.loadFile('index.html')
}

Preload.js 代码如下（示例）：
在预加载脚本中添加以下代码，向渲染器进程暴露一个全局的 window.electronAPI 变量。

const {
    contextBridge, ipcRenderer } = require('electron')

contextBridge.exposeInMainWorld('electronAPI', {
   
    setTitle: (title) => ipcRenderer.send('set-title', title)
})

renderer.js 代码如下（示例）：
利用从预加载脚本中暴露的 window.electronAPI 功能。

const setButton = document.getElementById('btn')
const titleInput = document.getElementById('title'