如何在Electron个人应用中实现外部.exe程序的启动？

你原来通过<a>标签指向bat文件的方式会被Electron的安全机制拦截，因为渲染进程默认不允许直接执行本地脚本或启动外部程序。以下是两种可靠的实现方式：

方案一：使用Electron Shell模块（推荐） #

通过主进程的shell.openPath方法启动程序，配合IPC通信让渲染进程触发操作，符合Electron安全规范。

1. 主进程代码（main.js） #

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

let mainWindow;

function createWindow() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      contextIsolation: true,
      nodeIntegration: false
    }
  });

  mainWindow.loadFile('index.html');
}

// 监听渲染进程的启动请求
ipcMain.handle('launch-app', async (_, appPath) => {
  try {
    await shell.openPath(appPath);
    return { success: true };
  } catch (err) {
    return { success: false, error: err.message };
  }
});

app.whenReady().then(createWindow);

2. 预加载脚本（preload.js） #

暴露安全的API给渲染进程：

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

contextBridge.exposeInMainWorld('electronAPI', {
  launchApp: (appPath) => ipcRenderer.invoke('launch-app', appPath)
});

3. 渲染进程代码（index.html） #

替换原来的<a>标签，直接给按钮绑定点击事件：

<div class="col-12 col-sm-12 text-center">
  <h1>"Application"</h1>
  <button onclick="launchHollowKnight()">Hollow</button>
</div>

<script>
function launchHollowKnight() {
  window.electronAPI.launchApp('D:/SteamLibrary/steamapps/common/HollowKnight/hollow_knight.exe')
    .then(result => {
      if (!result.success) {
        console.error('启动失败:', result.error);
      }
    });
}
</script>

方案二：通过主进程执行BAT文件 #

如果需要保留BAT文件的逻辑，可以用child_process模块在主进程中执行：

1. 修改主进程IPC处理 #

const { execFile } = require('child_process');
const path = require('path');

// 替换原有的launch-app监听，新增launch-via-bat
ipcMain.handle('launch-via-bat', async (_, batPath) => {
  return new Promise((resolve) => {
    // 拼接BAT文件的绝对路径
    const fullBatPath = path.join(__dirname, batPath);
    execFile(fullBatPath, (err) => {
      if (err) {
        resolve({ success: false, error: err.message });
      } else {
        resolve({ success: true });
      }
    });
  });
});

2. 对应调整预加载和渲染进程 #

预加载脚本新增方法：

contextBridge.exposeInMainWorld('electronAPI', {
  launchViaBat: (batPath) => ipcRenderer.invoke('launch-via-bat', batPath)
});

渲染进程按钮事件：

function launchHollowKnight() {
  window.electronAPI.launchViaBat('options/hollow.bat')
    .then(result => {
      if (!result.success) {
        console.error('启动失败:', result.error);
      }
    });
}

注意事项 #

• 始终开启contextIsolation并关闭nodeIntegration，这是Electron的安全最佳实践，避免渲染进程直接访问Node.js API。
• 路径处理尽量用path模块拼接，适配不同操作系统的路径格式。
• 打包发布后，建议提供路径配置界面，让用户自行选择目标EXE的位置，因为不同用户的Steam库路径可能存在差异。

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