Electron 中两个渲染器进程之间的通信

Question

我正在编写一个 Eletron 程序。在程序中有一个 index-window 是由主进程创建的 (main.js)。在这个 window 中有一个文件（图像）列表。当我单击该列表中的一个文件时，我想启动第二个 window 来显示该文件。第二个 window 由 index-window (index.js) 的渲染进程启动。如何在 index-window 的渲染器进程和第二个 window 的渲染器进程之间进行通信？

代码：

从 main.js 中的主进程创建 index-window:

let win;

function createWindow(){
  // Create the browser window.

  win = new BrowserWindow({width: 1024, height: 768, minWidth: 800, minHeight: 600, show: false, icon: 'files/images/icon.png'});

  win.loadURL(`file://${__dirname}/files/html/index.html`);
  win.once('ready-to-show', () => {
    win.show()
  })

  // Emitted when the window is closed.
  win.on('closed', () => {
    win = null;
  });
}
app.on('ready', createWindow);

在index.html index.js（渲染器进程）启动：

<script src="../javascript/index.js"></script>

在 index.js 中调用了 function create_sprite_window()，它创建了一个 child window:

const fs = require('fs');
const path = require('path');
const {BrowserWindow} = require('electron').remote
let child_windows = [];


function create_child_window(URL, width, height){
  let rem_win = require('electron').remote.getCurrentWindow();
  let new_win = new BrowserWindow({width: width, height: height, minWidth: 400, minHeight: 300, show: false, parent: rem_win, minimizable: true, maximizable: true, skipTaskbar: true});
  child_windows[child_windows.length] = new_win;
  console.log(child_windows);
  new_win.loadURL(URL);
  new_win.once('ready-to-show', () => {
    new_win.show()
  })
  return new_win;
}
function create_sprite_window(){
  new_win = create_child_window(`file://${__dirname}/../html/sprite_manager.html`, 800, 400);

}

child windows 存储在数组 child_windows.

是否可以将图像的路径发送到第二个 window 或者编辑第二个 window 的 <img> 标签（设置图像的来源<img> 第二个 window 中的标签 getElementById.src = path;) 来自 index-window?.

Answer 1

我自己找到了答案。为了在第二个渲染器 window 中显示正确的图像，我将 GET 参数添加到包含图像路径的 URL。

Electron 中两个渲染器进程之间的通信

Communicating between two renderer processes in Electron

html

javascript

node.js

electron