electron进程间通信- 从渲染进程到主进程

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

本文讲解了Electron中的IPC机制，即进程间通信，特别是单向通信过程，从渲染进程到主进程的通信方式。通过IPC，可以在渲染进程中发送消息到主进程，主进程接收后处理相应任务，如更新窗口标题。具体实现中，渲染进程使用IPC renderer的send方法发送消息，主进程通过IPC main的on方法监听并处理消息。视频演示了如何通过按钮点击事件更新窗口标题，展示了IPC在Electron应用中的实际应用。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、进程间通信（IPC）

• 进程间通信（IPC）是Electron中构建功能丰富桌面应用程序的关键部分。
• 主进程和渲染进程在Electron的进程模型中具有不同的职责，因此IPC是执行许多常见任务的唯一方法。
• IPC的两个管道名称：ipcMain和ipcRenderer。

二、使用步骤

在Electron中，content.setTitle(title)是Electron的BrowserWindow API原生方法，用于设置窗口标题

自定义的setTitle是我们通过preload.js暴露给渲染进程的方法名

它们通过IPC通信关联起来：

• 渲染进程调用window.electron.setTitle(title)

• preload.js通过ipcRenderer.send(‘setTitle’, title)发送消息

• 主进程通过ipcMain.on(‘setTitle’, …)监听并调用content.setTitle(title)

三、使用流程

为了更清楚地展示这个流程，我可以输出 main.js 中相关部分的代码：

从代码中可以看到完整的流程：

1. 在preload.js中，我们定义了一个自定义方法setTitle：

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

2. 在 main.js 中，我们监听’setTitle’事件：

ipcMain.on('setTitle', (event,title) => {const content = BrowserWindow.fromWebContents(event.sender)content.setTitle(title)
})

这里的content.setTitle(title)调用的是Electron原生的BrowserWindow.setTitle()方法

四、总结

自定义的setTitle是我们自己定义的方法名，用于渲染进程调用；content.setTitle()是Electron原生的API方法，它们通过IPC通信的’setTitle’事件名称关联起来

---

总结

例如：以上就是今天要讲的内容，本文仅仅简单介绍了这种设计模式是Electron中常见的安全通信方式，通过preload脚本暴露有限的API给渲染进程。