从主进程发送 IPC 消息到渲染进程 Electron

Question

目前我有一个带有保存按钮的电子菜单。当按下此保存按钮时，我希望向渲染器进程发送一个事件，以便渲染器处理该事件。

这是我尝试过的：

菜单来源

const menuTemplate = [
    {
        label: "File",
        submenu: [
            {
                label: "Save",
                accelerator: "Ctrl+S",
                click: () => {
                    BrowserWindow.getFocusedWindow().webContents.send("save");
                }
            },
        ]
    },
]

渲染器源

ipc.on("save", () => {
    console.log("save");
})

预加载源

import { contextBridge, ipcRenderer } from "electron";

contextBridge.exposeInMainWorld("ipc", { on: ipcRenderer.on });

尝试此操作时，按下保存按钮时没有任何输出，包括没有错误。我可以确认 Electron 正在使用正确的菜单并且 click() 函数正在执行。我也可以确认ipc.on确实是在渲染器中定义的。

我怎样才能让它工作？提前致谢。

Answer 1

尝试在 on 函数中手动设置this。

contextBridge.exposeInMainWorld("ipc", { on: ipcRenderer.on.bind(ipcRenderer) });

或创建一个传递参数的新函数：

contextBridge.exposeInMainWorld("ipc", { on(event, fn) { ipcRenderer.on(event, fn) } });