Electron中contextBridge无法传递IPC响应至渲染进程的问题

你的代码无法将IPC响应传递到渲染进程，主要存在以下几个关键问题：

1. 主进程发送响应的方式错误 #

在request.js中，你使用了mainWindow.webContents.postMessage('response', message)，这是DOM的跨窗口通信方法，而非Electron的IPC机制。Electron主进程向渲染进程发送消息应使用webContents.send(channel, data)。

修复：修改request.js
将发送响应的代码替换为：

mainWindow.webContents.send('winax-response', message);

2. Preload中监听的事件名不匹配 #

在preload.js中，你监听的是message事件，但主进程实际发送的是winax-response事件（修复后），事件名不匹配导致无法接收。同时，原有的response方法没有正确将响应暴露给渲染进程。

修复：修改preload.js
更新contextBridge暴露的API，添加onResponse方法让渲染进程可以注册响应回调：

contextBridge.exposeInMainWorld(
  'request', {
    send: (func) => {
      // 保留原有的send逻辑不变
      console.log('request.send.func=');
      console.log(func);

      if(func == 'openStagingTest'){
        let args = {
          method: 'requestStagingDatabase', 
          owner: 'ui',
          params: { 
            path: testAccDb 
          }
        };

        ipcRenderer.send('winax',args);
      } else if(func == 'closeStagingTest') {

          let args = {
            method: 'closeStagingDatabase',
            owner: 'ui'            
          };
    
          ipcRenderer.send('winax',args);
      }
    },
    // 新增：让渲染进程可以监听响应
    onResponse: (callback) => {
      ipcRenderer.on('winax-response', (event, message) => {
        callback(message);
      });
    }
  }
);

3. 渲染进程未注册响应监听 #

原render.js中没有代码监听来自preload的响应，需要添加回调来接收并处理响应。

修复：修改render.js
在onLoad函数中添加响应监听：

function onLoad(){
  var buttons = document.querySelectorAll('button');
  buttons.forEach((button) => {
    button.addEventListener('click', (event) => {
      window.request.send(button.className);
    });
  });

  // 新增：监听winax响应
  window.request.onResponse((message) => {
    console.log('收到winax响应:', message);
    // 此处可添加UI更新等逻辑
  });
}

4. 避免重复添加子进程消息监听 #

原request.js中每次触发winax事件时都会添加一个新的once监听，可能导致消息处理异常。应在子进程创建时只添加一次监听。

修复：优化request.js
将子进程的消息监听移到进程创建逻辑内：

module.exports = function(mainWindow){  
  let winax;

  ipcMain.on('winax', (event, arguments) => {
    console.log('winax=');
    console.log(arguments);

    if(winax === undefined) {
      console.log('spawning winax');

      winax = spawn(
        'C:\\Program Files\\nvm\\v14.20.0\\node.exe', 
        [ 'winax_microamp/index.js' ], {
          shell: false,
          stdio: ['inherit', 'inherit', 'inherit', 'ipc' ],
          windowsHide: true
        }
      );

      // 仅在子进程创建时添加一次消息监听
      winax.on('message', (message) => {
        console.log('winax response=')
        console.log(message);
        mainWindow.webContents.send('winax-response', message);
      });
      
    }
    console.log('sending winax arguments');
    winax.send(arguments);
  });
}

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