Question

0

191

Views

Electron: How to pass the message/data from preload to renderer?

Basicly I want the renderer to constantly listen for the message from and preload can send the message to renderer anytime. Basicly my scenario is:

Whenever user copies anything to clipboard, the main process will send the message to preload via webContents.send("clipboard-updated");
Main process will save the newly received clip into the database.
Preload will send the message to the renderer upon receiving the message from the main.
Render will fetch the data from the database again and will refresh the UI. this is the whole scenario and here I'm unable to figure out that how do I send the message to renderer so that it can refresh the UI.

about 4 years ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Accepted Answer · 2022-08-31T09:27:40.496Z

You can use Window.postMessage() to send data from preload to renderer

// preload

window.postMessage("your-data", "*");

// renderer

window.addEventListener("message", (event) => {
  // event.source === window means the message is coming from the preload
  // script, as opposed to from an <iframe> or other source.
  if (event.source === window) {
    console.log("from preload:", event.data);
  }
});

Or you can communicate directly from the main process to the renderer process AKA "main world" as seen here in the docs

0

191

Electron: How to pass the message/data from preload to renderer?

1 answers

0

Find remote jobs

Andres GPT