Electron进程模型与IPC概览
electron应用程序由两个主要进程类型构成：主进程和渲染进程。主进程（main process）运行node.js环境，负责管理应用程序的生命周期、与操作系统交互以及访问原生api。渲染进程（renderer process）运行chromium环境，负责渲染用户界面（ui）。
由于安全性和架构隔离，渲染进程无法直接访问主进程的Node.js模块或函数。为了在不同进程之间进行通信，Electron提供了进程间通信（Inter-Process Communication, IPC）机制，主要通过ipcMain（在主进程中使用）和ipcRenderer（在渲染进程中使用）模块实现消息的发送与接收。这种机制是实现渲染进程调用主进程复杂逻辑（如多线程任务）的关键。
主进程中的多线程任务封装
在Electron中执行CPU密集型任务时，应避免阻塞主进程，更不应阻塞渲染进程，否则会导致UI卡顿。threads.js是一个流行的库，允许在Node.js环境中方便地创建和管理工作线程，从而实现多线程操作。我们将把多线程逻辑封装在主进程的一个函数中。
假设我们有一个./src/service/worker.js文件，其中包含实际的耗时计算逻辑，它将作为threads.js的工作线程：
// src/service/worker.js - 这是一个threads.js的工作线程脚本
// 此文件将在独立的Node.js线程中执行
module.exports = function(text) {
return new Promise(resolve => {
// 模拟一个耗时的操作，例如文件处理、复杂计算等
setTimeout(() => {
const processedText = `Processed by worker: ${text.toUpperCase()} at ${new Date().toISOString()}`;
resolve(processedText);
}, 1500); // 模拟1.5秒的工作
});
};现在，在主进程文件main.js中，我们定义一个异步函数sendFile，它将利用threads.js来创建并管理上述工作线程：
// main.js - 主进程文件
const { app, BrowserWindow, ipcMain } = require('electron');
const path = require('path');
const { spawn, Worker, Thread } = require('threads');
// ... (其他Electron应用初始化代码，如创建窗口等) ...
/**
* 异步执行文件发送逻辑，通过工作线程处理
* @param {string} text - 需要处理的文本数据
* @returns {Promise<any>} 工作线程返回的结果
*/
const sendFile = async (text) => {
let sendWorker;
try {
// 使用threads.js创建并启动一个工作线程
// Worker的路径是相对于主进程的
sendWorker = await spawn(new Worker('./src/service/worker.js'));
// 调用工作线程中导出的函数，并传递数据
const result = await sendWorker(text);
console.log('Worker execution result:', result);
return result;
} catch (error) {
console.error('Error during worker execution:', error);
throw error; // 抛出错误以便上层捕获
} finally {
// 确保工作线程在任务完成后被终止，以释放系统资源
if (sendWorker) {
await Thread.terminate(sendWorker);
}
}
};在上述代码中，sendFile函数负责：
- 使用spawn(new Worker(...))启动一个新的工作线程。
- 将数据text传递给工作线程进行处理。
- 等待工作线程返回结果。
- 无论任务成功或失败，最终都会调用Thread.terminate()来终止工作线程，防止资源泄露。
渲染进程发起调用请求
渲染进程不能直接调用主进程的sendFile函数。它需要通过ipcRenderer模块向主进程发送一个消息，告知主进程执行该函数。
在渲染进程的脚本（例如renderer.js或直接嵌入到HTML中的脚本）中，我们可以这样发送消息：
// renderer.js - 渲染进程脚本
const { ipcRenderer } = require('electron');
/**
* 从渲染进程向主进程发送请求，触发主进程的文件发送逻辑
* @param {string} dataToSend - 需要发送给主进程的数据
*/
const triggerMainProcessSendFile = (dataToSend) => {
// 'trigger-send-file' 是我们自定义的IPC通道名称
ipcRenderer.send('trigger-send-file', dataToSend);
console.log('Sent message to main process via IPC:', dataToSend);
};
// 示例：当用户点击一个按钮时触发
// document.getElementById('myButton').addEventListener('click', () => {
// triggerMainProcessSendFile('Hello from render process!');
// });ipcRenderer.send(channel, ...args)方法会将消息发送到主进程，其中channel是一个字符串，用于标识消息类型，...args是需要传递的数据。
主进程监听并响应请求
主进程需要使用ipcMain模块来监听来自渲染进程的消息。当收到特定通道的消息时，它将执行相应的逻辑，即调用我们之前定义的sendFile函数。同时，为了实现双向通信，主进程可以将sendFile的执行结果或错误信息回传给渲染进程。
在main.js中添加IPC监听器：
// main.js (续)
// 主进程监听来自渲染进程的'trigger-send-file'通道消息
ipcMain.on('trigger-send-file', async (event, data) => {
console.log('Received message from render process to trigger sendFile:', data);
try {
// 调用之前定义的主进程多线程函数
const result = await sendFile(data);
// 将成功结果回传给渲染进程，使用'send-file-reply'通道
event.reply('send-file-reply', { success: true, data: result });
} catch (error) {
console.error('Failed to execute sendFile from IPC:', error);
// 将错误信息回传给渲染进程
event.reply('send-file-reply', { success: false, error: error.message });
}
});ipcMain.on(channel, listener)方法用于监听指定通道的消息。listener函数会接收event对象和从渲染进程发送过来的数据。event.reply(channel, ...args)方法可以用于向发送消息的渲染进程回传消息。
渲染进程处理回传结果
如果主进程回传了消息，渲染进程也需要一个监听器来接收并处理这些回传的数据。
在renderer.js中添加处理回传消息的逻辑：
// renderer.js (续)
// 监听来自主进程的'send-file-reply'通道消息
ipcRenderer.on('send-file-reply', (event, response) => {
if (response.success) {
console.log('Received successful reply from main process:', response.data);
// 
