electron通信

ゝ一纸荒年。 2023-02-14 10:45 6阅读 0赞

## ipcMain & ipcRenderer ##

*  主进程：ipcMain
 *  渲染进程：ipcRenderer

ipcMain模块和ipcRenderer是类EventEmitter的实例。

**在主进程中使用ipcMain接收渲染线程发送过来的异步或同步消息，发送过来的消息将触发事件。**

**在渲染进程中使用ipcRenderer向主进程发送同步或异步消息，也可以接收到主进程的消息。**

发送消息，事件名为 channel .  
回应同步消息, 你可以设置 event.returnValue .  
回应异步消息, 你可以使用 event.sender.send(…)  
下面给出一个简单例子：

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

同样也可以从主进程向渲染进程发送消息，使用的是 webContents.send方法，下面是具体的例子：

// 主进程.main.js
    var window = null;
    app.on('ready', function() {
    window = new BrowserWindow({width: 800, height: 600});
    window.loadURL('file://' + __dirname + '/index.html');
    window.webContents.on('did-finish-load', function() {
    window.webContents.send('ping', 'whoooooooh!');
    });
    });
    
    <html>
    <body>
    <script>
    require('electron').ipcRenderer.on('ping', function(event, message) {
    console.log(message); // Prints "whoooooooh!"
    });
    </script>
    </body>
    </html>