electron进程间通信机制

electronnodejs+chrome内核+native层的集成,类似chrome浏览器每个页面都属于一个进程(称为渲染进程),另外还有主进程,其提供了如下进程间通信机制:

  1. IPCMain IPCRender通信模块,其中IPCMain用于主进程,IPCRender用于渲染进程,这两者都是node's EventEmiter实例的封装;
  • 渲染进程->主进程

    渲染进程通过IPCRender.send发送异步消息,IPCRender.sendSync发送同步消息;主进程通过IPCMain.on接收消息并通过event.sender.send响应异步消息,event.returnValue响应同步消息。

    通过IPCMain与IPCRender模块可实现client-server模型,主进程作为server端注册消息并提供业务服务(如创建窗口、托盘、数据持久化访问及设置等),渲染进程作为client端以发送消息,因此可建立消息与业务的分离,业务层注册可实现的消息并处理响应结果及返回数据;

// In main process.
  const {ipcMain} = require('electron')
  ipcMain.on('asynchronous-message', (event, arg) => {
    console.log(arg) // prints "ping"
    event.sender.send('asynchronous-reply', 'pong')
  })

  ipcMain.on('synchronous-message', (event, arg) => {
    console.log(arg) // prints "ping"
    event.returnValue = 'pong'
  })
// In renderer process (web page).
  const {ipcRenderer} = require('electron')
  console.log(ipcRenderer.sendSync('synchronous-message', 'ping')) // prints "pong"

  ipcRenderer.on('asynchronous-reply', (event, arg) => {
    console.log(arg) // prints "pong"
  })
  ipcRenderer.send('asynchronous-message', 'ping')

主进程->渲染进程

主进程通过BrowserWindow.webcontent.send发送消息,通过在主进程管理所有窗口对象,可遍历所有窗口对象的webcontent属性来发送消息,进而可实现主进程向渲染进程的广播消息

注意webContents.on 监听的是已经定义好的事件,如上面的 did-finish-load。要监听自定义的事件还是通过 ipcMainipcRenderer

渲染进程的监听事件回调函数中,也可以通过 event.sender 来向主进程发送消息。这个对象只是 ipcRenderer 的引用(event.sender === ipcRenderer)。因此,event.sender 发送的消息在主进程中还是需要通过 ipcMain.on 方法来监听,而不是通过 webContents.on 方法。

  • // In the main process.
      const {app, BrowserWindow} = require('electron')
      let win = null
    
      app.on('ready', () => {
        win = new BrowserWindow({width: 800, height: 600})
        win.loadURL(`file://${__dirname}/index.html`)
        win.webContents.on('did-finish-load', () => {
          win.webContents.send('ping', 'whoooooooh!')
        })
      })
    
    <!-- index.html -->
      <html>
      <body>
        <script>
          require('electron').ipcRenderer.on('ping', (event, message) => {
            console.log(message) // Prints 'whoooooooh!'
          })
        </script>
      </body>
      </html>
    
  1. electron.remote模块

渲染进程可加载remote模块,并访问主进程的模块或者app对象,从而使用主进程的模块或者获取变量,如BrowserWindow、global对象。

进程间通信机制封装
可通过electron提供的通讯机制接口封装一套通讯模块,用于主进程与渲染进程间通信,基于client-server订阅/发布广播模型构建一套完成的进程间消息机制,消息机制流程(可参考)如下:

image.png

渲染进程加载本地js文件
渲染进程需要加载本地的IPC Clientjs文件已实现进程间通信,可通过如下方式实现:

  • 使用browserwindow.webPreferences.preload指定需要加载的js文件

  • 使用browserwindow.webcontent.executejavascript()接口

使用executejavascript方式存在时序问题,因其加载晚于webcontent加载渲染页面,而preload方式要早于webcontent页面加载;

BrowserWindow对象都有唯一的窗口ID(可通过getCurrentWindow来获取),若是基于业务需要设置绑定不同的ID,可通过此唯一的ID绑定需要设置的ID,并通过remote模块获取对应关系,以解决BrowserWindow对象通过executejavascript时序问题;

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容