electron主进程和渲染进程之间通信

本文链接：https://blog.csdn.net/LLL_liuhui/article/details/103084018

渲染进程发送数据,引入ipcRenderer->主进程接收数据，引入ipcMain

1、渲染进程：ipcRenderer.send('频道', 'hello');

2、主进程：ipcMain.on('频道', function (event, msg) {

console.log('主进程接收到的：', msg);

});

主进程发送数据引入ipcMain->渲染进程接收数据引入ipcRenderer

1、主进程：event.sender.send('频道', '主进程发送的信息')

2、渲染进程：ipcRenderer.on('频道', function (event, msg) {

console.log('渲染进程接收：', msg)

})；

1、渲染进程向主进程发送数据

在渲染进程：


// ipcRenderer 就用在渲染进程里面
const { ipcRenderer } = require('electron')

btn.onclick = function () {
  // 参数1：频道
  // 参数2：发送的数据
  ipcRenderer.send('rendererEvent', '渲染进程发送的消息');

}

在主进程：

ipcMain.on('rendererEvent', function (event, msg) {
  console.log('主进程接收到的：', msg);
});

2、主进程向渲染进程发送数据

主进程

ipcMain.on('rendererEvent', function (event, msg) {
  // 两种方法
  // 1.event.sender.send
  // event.sender.send('mainEvent', '主进程发送我接收到了')
  //2.利用窗口的webCotents属性
  win.webContents.send('mainEvent', '主进程发送我接收到了');
});

渲染进程

ipcRenderer.on('mainEvent', function (event, msg) {
  console.log('渲染进程接收：', msg)
})