添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
首发于 Electron
Electron 进程间通讯

Electron 进程间通讯

Electron 进程间通讯

运行机制:

主进程

处理原生应用逻辑

main脚本的进程被称为主进程,一个Electron应用总是有且只有一个主进程

职责

  • 创建渲染进程(可多个)
  • 控制应用生命周期 (启动、退出app以及对app的一些事件监听)
  • 调用系统底层功能、调用原生资源

可调用接口

  • NodeJS api
  • Electron提供的主进程api(包括一些系统功能和Electron附加功能)

渲染进程

负责页面渲染

由于Electron使用了Chromium来展示Web页面,所以Chromium的多进程架构也被使用到。每个Electron中的Web页面运行在它自己的渲染进程中。

主进程使用BrowserWindow实例创建页面。每个BrowerWindow实例都是在自己的渲染进程里运行页面。当一个BrowserWindow实例被销毁后。相应的渲染进程也会被终止。
渲染进程就是一个浏览器窗口,它能存在多个并且相互独立,不过和浏览器不同的是,它能调用Node API

职责

  • 用HTML和CSS渲染界面
  • 用JS做界面交互

可调用接口

  • DOM API
  • NodeJS API
  • Electron提供的渲染进程API

进程间通讯:

官方文档

主进程收发信息

详细参考ipcMain
  • 主进程接收渲染进程发送的信息
ipcMain.on('message',(e,msg)=>{
    console.log(msg);
  • 主进程(主窗口)发送信息给渲染进程
mainWindow.webContents.send('message', { time: new Date() });

渲染进程收发信息

可通过ipcRenderer发送或接收
  • 渲染进程接收主进程发送的信息
ipcRenderer.on('message', (event, text) => {
  console.log(text);
  • 渲染进程发送信息给主进程
 ipcRenderer.send('message', { name: 'katte' })

remote模块:

参考官方提供remote
  • 在渲染进程中创建其他窗口(渲染进程)
本来新的渲染进程只有主进程才可以创建,不过有了remote模块 我们也可以在一个渲染进程中创建另一个渲染进程;
const {BrowserWindow} = require('electron').remote;