Electron 如何将参数从主进程传递到渲染进程?

在 Electron 中，主进程和渲染进程之间的通信主要可以通过 ipcMain 和 ipcRenderer 模块来实现。这里，我们主要关注如何从主进程传递参数到渲染进程。有几种方式可以实现这一目的：

1. 使用 IPC 通信

Electron 提供了一种名为 IPC（Inter-Process Communication）的机制，允许主进程和渲染进程之间的消息传递。我们可以使用 ipcMain 和 ipcRenderer 模块来发送和接收消息。

主进程中：

javascript
// 在主进程中
const { ipcMain } = require('electron');

ipcMain.on('request-data', (event, arg) => {
  console.log(arg);  // 打印从渲染进程接收到的数据
  // 假设我们需要发送回的数据
  const responseData = { name: 'Electron', type: 'Framework' };
  event.sender.send('response-data', responseData);
});

渲染进程中：

javascript
// 在渲染进程中
const { ipcRenderer } = require('electron');

// 向主进程发送请求数据的消息
ipcRenderer.send('request-data', 'Need some data');

// 接收来自主进程的数据
ipcRenderer.on('response-data', (event, arg) => {
  console.log(arg);  // 打印接收到的数据
});

2. 使用 remote 模块

Electron 的 remote 模块允许渲染进程直接访问主进程中的对象。这种方法较为直接，但在 Electron 10 后，出于安全和性能的考虑，开始逐渐弃用。

主进程中：

javascript
// 在主进程中设置全局变量
global.sharedObject = { someProperty: 'default value' };

渲染进程中：

javascript
// 在渲染进程中访问全局变量
const { remote } = require('electron');
const mainProcessData = remote.getGlobal('sharedObject');
console.log(mainProcessData.someProperty);

3. 通过 WebContents 发送数据

还可以通过具体的 WebContents 实例来直接向渲染进程发送消息。

主进程中：

javascript
const { app, BrowserWindow } = require('electron');
let mainWindow;

app.on('ready', () => {
  mainWindow = new BrowserWindow({...});
  
  mainWindow.webContents.on('did-finish-load', () => {
    mainWindow.webContents.send('message-from-main', 'Hello from Main Process');
  });

  mainWindow.loadURL('...');
});

渲染进程中：

javascript
const { ipcRenderer } = require('electron');
ipcRenderer.on('message-from-main', (event, message) => {
  console.log(message);  // 输出 'Hello from Main Process'
});

以上就是从主进程向渲染进程传递参数的几种常见方法。每种方法有其适用场景，具体使用哪种方法需要根据实际情况和开发需求决定。