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

Question

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.

May be this doc resolve your problem? https://www.electronjs.org/docs/api/ipc-main — Alexander Kiselev, Aug 11 '21 at 20:36
Why aren't you sending directly the message to the renderer.What is your files architecture ? — Alain BUFERNE, Aug 12 '21 at 12:32

score 3 · Accepted Answer · answered Aug 12 '21 at 07:06

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

This no longer works if you use isolatedContexts. – Nirro Sep 29 '22 at 21:51 — Nirro, Sep 29 '22 at 21:51

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

1 Answers1

Linked