Electron主进程与渲染进程间通信的四种方式

Electron是一个使用Chromium和Node.js构建跨平台桌面应用的框架。在Electron中，应用被分为两个主要部分：主进程和渲染进程。主进程负责管理应用的生命周期，而渲染进程则负责呈现用户界面。为了实现这两者之间的通信，Electron提供了四种方式：IPC（Inter-Process Communication）、HTTP、自定义协议和文件系统。下面我们将逐一介绍这四种方式。

1. IPC（Inter-Process Communication）

IPC是Electron中最常用的进程间通信方式。主进程和渲染进程通过IPC发送消息，实现数据交换。在Electron中，主要有两种IPC机制：ipcMain和ipcRenderer。

ipcMain：在主进程中使用，用于向渲染进程发送消息。

ipcRenderer：在渲染进程中使用，用于接收主进程发送的消息。

示例代码：

主进程（main.js）

const { ipcMain } = require('electron')
ipcMain.on('message', (event, arg) => {
  console.log(arg)
  event.return = 'Hello from main process'
})

渲染进程（renderer.js）

const { ipcRenderer } = require('electron')
console.log(ipcRenderer.sendSync('message', 'Hello from renderer process'))

2. HTTP

除了IPC，Electron还允许通过HTTP进行进程间通信。这通常用于从渲染进程向主进程发送请求，以获取数据或执行某些操作。可以使用Node.js的http模块或axios等第三方库来发送HTTP请求。

示例代码：

渲染进程（renderer.js）

const axios = require('axios')
const { ipcRenderer } = require('electron')
axios.get('/api/data').then((response) => {
  console.log(response.data)
})

主进程（main.js）

const { http } = require('electron')
const server = http.createServer((req, res) => {
  if (req.url === '/api/data') {
    res.end('Hello from main process')
  } else {
    res.endStatus(404)
  }
})
server.listen(3000)

3. 自定义协议

Electron支持自定义协议，允许通过URL进行进程间通信。主进程可以监听特定URL的请求，并在接收到请求时发送响应。这通常用于在主进程和渲染进程之间传递数据。

示例代码：

主进程（main.js）

const { app } = require('electron')
const server = require('http').createServer((req, res) => {
  if (req.url === '/data') {
    res.end('Hello from main process')
  } else {
    res.endStatus(404)
  }
})
server.listen(3000, () => {
  console.log('Server started')
})