electron两个渲染窗口(进程)中通信:

渲染进程发送事件:
ipcRenderer.send('xxx');
主进程接收事件:
ipcMain.on(‘xxx’, (e,arg)=>console.log(e,arg) );
主进程发送事件:
mainWindow.webContents.send(‘message’, text)
渲染进程接收事件:
ipcRenderer.on(“message”, (event, text) => {
console.log(text);
});

易出现的问题:

今天在两个渲染进程间传值时就遇到一个问题:主进程已经收到消息了,但是通过webContents传值却无法在另一个渲染进程中收到。

原因:

每个渲染进程都对应一个web页面,即BrowserWindow对象, 此BrowserWindow对象是在主进程中创建的。

那么,主进程向渲染进程中发送消息时,调用webContents.send方法的window对象,就是此渲染进程所对应的web页面对象!!!

具体来说,在主进程中向page1发送消息,就是page1.webContents.send()

在主进程中向page2发送消息,就是page2.webContents.send()
接收页面不能搞错!!!

解决办法转自  https://www.jianshu.com/p/add17afddb44

Electron封装多窗口可以使用BrowserWindow模块。可以通过创建多个BrowserWindow实例来实现多窗口功能,然后使用ipcMain和ipcRenderer模块实现窗口间的通信。 以下是一个简单的例子,展示如何在Electron封装多窗口: ```javascript // 主进程代码 const { app, BrowserWindow, ipcMain } = require('electron') let windows = [] function createWindow() { let win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) win.loadFile('index.html') // 将窗口添加到窗口列表 windows.push(win) // 当窗口关闭时,将其从窗口列表移除 win.on('closed', () => { windows.splice(windows.indexOf(win), 1) }) return win } app.on('ready', () => { createWindow() }) // 监听创建新窗口的请求 ipcMain.on('create-window', () => { createWindow() }) // 监听关闭所有窗口的请求 ipcMain.on('close-all-windows', () => { windows.forEach(win => { win.close() }) }) ``` ```html <!-- renderer进程代码 --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>多窗口封装</title> </head> <body> <button id="create-window">创建新窗口</button> <button id="close-all-windows">关闭所有窗口</button> <script> const { ipcRenderer } = require('electron') let createWindowButton = document.querySelector('#create-window') let closeAllWindowsButton = document.querySelector('#close-all-windows') // 发送请求创建新窗口 createWindowButton.addEventListener('click', () => { ipcRenderer.send('create-window') }) // 发送请求关闭所有窗口 closeAllWindowsButton.addEventListener('click', () => { ipcRenderer.send('close-all-windows') }) </script> </body> </html> ``` 在这个例子,我们在主进程创建了一个窗口列表,然后在窗口关闭时将其从列表移除。我们还在主进程监听了两个请求:一个用于创建新窗口,另一个用于关闭所有窗口。在渲染进程,我们使用ipcRenderer模块向主进程发送这些请求。 这只是一个简单的例子,你可以根据自己的需求进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值