默认开启上下文隔离的情况下
渲染进程调用主进程方法：
主进程
-
在 main.js 中， 使用
ipcMain.handle，添加要处理的主进程方法
const { ipcMain } = require("electron");
-
在 electron 中创建 preload.ts 文件，从 electron 中引入的
contextBridge桥接方法
暴露全局变量eleapi到渲染进程。并添加要调用的主进程方法。通过ipcRenderer.on/invoke方法调用主进程方法。
const { contextBridge, ipcRenderer } = require("electron");
contextBridge.exposeInMainWorld("eleapi", {
mainNotifyCallback: (cb) => {
ipcRenderer.on("mainNotify", cb);
},
tcpRevDataCallback: (cb) => {
ipcRenderer.on("tcpRevData", cb);
},
tcpSndData: (data) => {
ipcRenderer.invoke("tcpSendData", data);
},
ipccall: async (data) => await ipcRenderer.invoke('ipccall', data),
getDebugConfig: async () => await ipcRenderer.invoke("getDebugConfig"),
openWindow: (url) => {
ipcRenderer.send("openWindow", url);
}
});
- 在 main.js 创建窗口的方法中，预加载 preload.ts
渲染进程：
3. 页面通过 window.eleapi.xxx访问暴露的方法。
主进程向渲染进程发送消息
preload文件中，通过 ipcRenderer.on(“mainNotify”, cb);监听到消息，向 web 派送 mainNotifyCallback
