Electron中remote模块已弃用，如何从渲染进程获取命令行参数？

核心逻辑是命令行参数属于主进程可直接读取的资源，通过上下文隔离+预加载脚本+IPC通信的官方标准路径获取，完全规避remote模块的安全隐患。

推荐两种适用不同场景的实现方案：

• 方案1：IPC主动拉取（支持动态获取参数，适用所有场景）
• 方案2：窗口创建时注入参数（轻量无额外IPC监听，仅适用参数固定不变的场景）

方案1：IPC主动拉取实现步骤 #

1. 主进程侧添加IPC监听逻辑 #

主进程本身可直接读取process.argv，直接解析后通过IPC接口返回即可：

// 主进程 main.js
const { app, BrowserWindow, ipcMain, path } = require('electron');
const parseArgs = require('minimist');

app.whenReady().then(() => {
  // 注册获取命令行参数的IPC调用接口
  ipcMain.handle('get-app-args', () => {
    return parseArgs(process.argv.slice(2));
  });

  // 创建窗口逻辑保持不变
  const mainWindow = new BrowserWindow({
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      contextIsolation: true, // 必须保持开启，符合Electron安全规范
      nodeIntegration: false
    }
  });
  mainWindow.loadFile('index.html');
});

2. 预加载脚本暴露调用接口 #

在preload.js中通过contextBridge将IPC调用方法暴露给渲染进程：

// 预加载脚本 preload.js
const { contextBridge, ipcRenderer } = require('electron');

contextBridge.exposeInMainWorld('electronAPI', {
  getAppArgs: () => ipcRenderer.invoke('get-app-args')
});

3. 渲染进程调用获取参数 #

渲染进程直接调用暴露的全局方法即可拿到解析后的参数：

// 渲染进程业务代码
async function fetchAppArgs() {
  const args = await window.electronAPI.getAppArgs();
  // 后续业务逻辑直接使用args即可
  console.log('命令行参数：', args);
}
fetchAppArgs();

方案2：窗口创建时注入参数实现步骤 #

如果你的应用命令行参数在启动后不会动态变更，可以用更轻量的注入方式，无需额外IPC监听：

1. 主进程创建窗口时注入参数 #

// 主进程 main.js
const parseArgs = require('minimist');
const args = parseArgs(process.argv.slice(2));

const mainWindow = new BrowserWindow({
  webPreferences: {
    preload: path.join(__dirname, 'preload.js'),
    contextIsolation: true,
    // 按格式将参数注入到渲染进程的process.argv中
    additionalArguments: Object.entries(args).map(([key, value]) => `--${key}=${value}`)
  }
});

2. 预加载脚本直接读取参数并暴露 #

// preload.js
const { contextBridge } = require('electron');
const parseArgs = require('minimist');

// 直接读取注入的参数，从下标1开始取即可跳过默认的第一个参数
const appArgs = parseArgs(process.argv.slice(1));
contextBridge.exposeInMainWorld('appArgs', appArgs);

3. 渲染进程直接使用 #

// 渲染进程代码
console.log('命令行参数：', window.appArgs);

注意：两种方案都默认保持了Electron推荐的contextIsolation: true安全配置，没有暴露任何敏感API给渲染进程，安全性远高于使用@electron/remote的实现。

内容的提问来源于stack exchange，提问作者benfrancis