Electron 渲染进程之间的通信

菜鸟的 Electron 踩坑集锦。

对于 主进程和渲染进程之间的通信，使用 IPC 是很方便的。但是渲染进程之间呢？ 哈哈，我这个码农看来又踩到一个坑了。

方案一：

使用全局共享属性：

// In the main process.
global.sharedObject = {
  someProperty: 'default value'
}
// In page 1.
require('electron').remote.getGlobal('sharedObject').someProperty = 'new value'
// In page 2.
console.log(require('electron').remote.getGlobal('sharedObject').someProperty)

但不具备事件机制，没有实质的通信功能。 当然说到这里就想起了 Node 中的全局对象了。

• https://electron.atom.io/docs...

方案二

利用主进程做消息中转： 此方案还是很好的。

// In the main process.
ipcMain.on('ping-event', (event, arg) => {
  yourWindow.webContents.send('pong-event', 'something');
}

// In renderer process
// 1
ipcRenderer.send('ping-event', (event, arg) => {
    // do something
  }
)

// 2
ipcRenderer.on('pong-event', (event, arg) => {
    // do something
  }
)

方案三

利用 remote 接口直接获取渲染进程发送消息：

// renderer process
// get Window by ID
remote.BrowserWindow.fromId(winId).webContents.send('ping', 'someThing');

渲染进程获取 ID 就有多种方法了：

第一种： 通过 global 设置和获取
第一种是： 主进程创建事件，发送信息

// main process
win1.webContents.send('distributeIds',{
    win2Id : win2.id
});
win2.webContents.send('distributeIds',{
    win1Id : win1.id
});

第三种： 写个文件什么的都可以，方法还是多种多样的。

参考：

• https://github.com/electron/e...

• https://github.com/electron/e...

• https://juejin.im/entry/58869...

需要了解的 API:

• https://electron.atom.io/docs...

• https://electron.atom.io/docs...