electron渲染进程接受主进程的消息

在 Electron 中，渲染进程可以通过与主进程通信来接收主进程发送的消息。以下是一些实现方式：

1. 使用 ipcRenderer 模块

在渲染进程中，可以使用 ipcRenderer 模块来发送和接收消息。使用 `ipcRenderer.on(channel, listener)` 方法来监听主进程发送的消息，使用 `ipcRenderer.send(channel, arg)` 方法来向主进程发送消息。

举个例子，以下代码展示了如何在渲染进程中监听主进程发送的消息，并向主进程发送回复消息：

const { ipcRenderer } = require('electron');

// 监听主进程发送的消息
ipcRenderer.on('message-from-main', (event, arg) => {
  console.log(arg); // 打印接收到的消息
  // 向主进程发送回复消息
  ipcRenderer.send('message-from-renderer', 'Hello from renderer!');
});

在主进程中，使用 `ipcMain.on(channel, listener)` 方法来监听渲染进程发送的消息，使用 `event.reply(channel, arg)` 方法来向渲染进程发送回复消息。

举个例子，在主进程中，以下代码展示了如何监听渲染进程发送的消息，并向渲染进程发送回复消息：

const { app, BrowserWindow, ipcMain } = require('electron');

let win;

function createWindow() {
  win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    },
  });

  win.loadFile('index.html');

  // 监听渲染进程发送的消息
  ipcMain.on('message-from-renderer', (event, arg) => {
    console.log(arg); // 打印接收到的消息
    // 向渲染进程发送回复消息
    event.reply('message-from-main', 'Hello from main!');
  });
}

app.whenReady().then(() => {
  createWindow();

  app.on('activate', function () {
    if (BrowserWindow.getAllWindows().length === 0) createWindow();
  });
});

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit();
});

2. 使用 remote 模块

在渲染进程中，可以使用 remote 模块来访问主进程的模块和方法。使用 `remote.require(module)` 方法来获取主进程中的模块，使用 `remote.getGlobal(name)` 方法来获取主进程中的全局变量。

举个例子，以下代码展示了如何在渲染进程中获取主进程中的模块和全局变量：

const { remote } = require('electron');

// 获取主进程中的模块
const fs = remote.require('fs');

// 获取主进程中的全局变量
const appName = remote.getGlobal('appName');

需要注意的是，使用 remote 模块需要开启 nodeIntegration 选项，这可能会导致一些安全问题，因此建议谨慎使用。