Send Data from render process to renderer process in Electron

Question

I am developing desktop application using Electron, Scenario is I have 2 BrowserWindow, From FirstBrwoserWindow, I am going to SecondBrowserWindow after button click. i have instantiated SecondBrowserWindow on FirstBrwoserWindow's button click to avoid Object has been destroyed Exception.
As per Electron, if we want to send data between processes we have to use IPC. So actual problem starts here, I am creating SecondBrowserWindow object in FirstBrwoserWindow's renderer file, and for IPC i need to get SecondBrowserWindow object in main process.

How do i get SecondBrowserWindow Object in main.js and use IPC.on there????

Brian Hoch Brian Hoch · Accepted Answer · 2017-12-15T13:29:16

The way I've solved this is to pass the data with ipcRenderer from the first window to the main process and then pass it with ipcMain to the second window using BrowserWindow.webContents.send().

It looks kinda like this.

Window 1

...
// Emit an ipc message with your data
ipcRenderer('your-message', { foo: 'bar' });
...

Main process

...
let window1 = new BrowserWindow(...);
let window2 = new BrowserWindow(...);
...
// when ipc message received pass it on to second window object with webContents
ipcMain.on('your-message', (event, payload) => {
  window2.webContents.send('your-relayed-message', payload);
});
...

Window 2

...
// when ipc messaged received in second window do what you want with the data
ipcRenderer.on('your-relayed-message', (event, payload) => {
  console.log(payload);
});
...

Send Data from render process to renderer process in Electron

2 Answers