electron

1. 概述

  • 本文介绍的这种通信方式，是官方推荐的做法，也是目前比较主流的写法。
  • 渲染进程通过 ipcRenderer.invoke 给主进程发送消息，可以通过 await 来等待主进程响应，并获取到主进程的处理结果。
  • 主进程通过 ipcMain.handle 来接受来自渲染进程的消息，通过 return xxx 的写法给渲染进程响应处理结果，以此来实现从渲染进程到主进程的双向通信。

2. demos.1 - 使用 ipcRenderer.invoke、ipcMain.handle 实现主进程和渲染进程之间的双向 IPC 通信

index.htmlhtml
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>24.03.02</title>
  </head>

  <body>
    <h1>renderer process</h1>
    <button id="btn1">请求</button>
    <button id="btn2">请求 + 响应</button>
    <script src="renderer.js"></script>
  </body>
</html>
  • 最终效果
    • 图 0
      图 0
  • 主进程日志
bash
invoke-message1 1 2 3
invoke-message2 4 5 6

Discussions

正在载入评论…