Electron+React中ipcRenderer重复接收IPC回复问题排查

你遇到的查询结果重复/错乱问题，核心是IPC事件未做请求-响应的关联绑定：

• 连续调用queryDB时，两个ipcRenderer.once('asynchronous-reply')会同时监听同一条全局事件通道
• 主进程返回的两次查询结果是无标识的广播消息，两个监听器会随机捕获返回结果，导致第一个Promise可能拿到第二个查询的数据，反之亦然

给每个查询请求添加唯一标识符，让主进程回复时携带该ID，渲染进程只处理对应ID的响应，确保请求和响应一一对应。

修改后的代码 #

1. 渲染进程：queryDB方法 #

// 先安装uuid包：npm install uuid
import { v4 as uuidv4 } from 'uuid';

export default function queryDB(sql) {
  return new Promise((res) => {
    const requestId = uuidv4(); // 生成唯一请求ID
    const replyChannel = `asynchronous-reply-${requestId}`;

    // 监听专属当前请求的回复通道
    ipcRenderer.once(replyChannel, (_, arg) => {
      res(arg);
    });

    // 发送请求时携带ID
    ipcRenderer.send('asynchronous-message', { sql, requestId });
  });
}

2. 主进程：IPC处理逻辑 #

ipcMain.on('asynchronous-message', (event, { sql, requestId }) => {
  if (db) {
    db.all(sql, (error, rows) => {
      // 回复到对应请求ID的专属通道
      const replyChannel = `asynchronous-reply-${requestId}`;
      event.reply(replyChannel, (error && error.message) || rows);
    });
  }
});

3. 渲染进程React代码（无需修改） #

原调用逻辑保持不变，queryDB内部已处理ID关联：

ipcRenderer.on('set-db', (event, arg) => {
    // Get authors
    queryDB("SELECT * FROM users;")
        .then((res) => {
            try {
                var options = [];
                res.forEach((e) => {
                    options.push({value: e.id, label: `@${e.name}`});
                    if (e.display_name != e.name) {
                        options.push({value: e.id, label: `@${e.display_name}`});
                    }
                });
                setAuthorOptions(options);
                console.log("Set author options");
            }
            catch (exception) {}
        });

    // Get channels
    queryDB("SELECT * FROM channels;")
        .then((res) => {
            try {
                var options = [];
                res.forEach((e) => {
                    if (allowedChannelTypes.includes(e.type)) {
                        options.push({value: e.id, label: `# ${e.name}`});
                    }
                });
                setChannelOptions(options);
                console.log("Set channel options");
            }
            catch (exception) {}
        });
});

• 若不想额外安装uuid包，可临时用Date.now() + Math.random()生成唯一ID，不过UUID的唯一性更可靠
• 这种方式通过专属事件通道实现请求-响应的一对一绑定，彻底解决了异步IPC的消息错乱问题

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