Question

我正在试验用于构建桌面应用程序的Electron（atom shell）平台，目前在mac os x上。

我正在尝试其IPC（进程间通信）模块，用于在两个主要电子进程，主要进程和渲染器进程之间发送和接收同步和异步消息。

然而，对于异步消息，我得到的消息的回复超过了从渲染器进程发送到主进程的消息，在那里他们被回复。我知道这种形式的控制台输出主进程应该产生的回复。

对于DOM的2个组件中的每一个，我向主进程发送1条单个消息，并以回复的方式响应，并记录到控制台。但是对于2个组件（反应组件），我获得了4个控制台日志行，3个是9个，而4个是16个控制台日志消息行。

这里发生了什么？我对缺少关于异步消息和IPC回复的看法是什么？同步消息和回复没问题。

main.js（主要流程代码）：

var app = require('app');  // Module to control application life.
var BrowserWindow = require('browser-window');  // Module to create native browser window.
var ipc = require('ipc');

// Report crashes to our server.
require('crash-reporter').start();

// Keep a global reference of the window object, if you don't, the window will
// be closed automatically when the JavaScript object is GCed.
var mainAppWindow = null;
var bookWindow = null;

// Quit when all windows are closed.
app.on('window-all-closed', function() {
  // On OS X it is common for applications and their menu bar
  // to stay active until the user quits explicitly with Cmd + Q
  app.quit();
});

// This method will be called when Electron has finished
// initialization and is ready to create browser windows.
app.on('ready', function() {
  // Create the browser window.
  mainAppWindow = new BrowserWindow({width: 1200, height: 900, 'title-bar-style': 'hidden'});

  // and load the index.html of the app.
  mainAppWindow.loadUrl('file://' + __dirname + '/index.html');

  mainAppWindow.openDevTools();
  // Emitted when the window is closed.
  mainAppWindow.on('closed', function() {
    // Dereference the window object, usually you would store windows
    // in an array if your app supports multi windows, this is the time
    // when you should delete the corresponding element.
    mainAppWindow = null;
    app.quit();
  });

  ipc.on('asynchronous-message', function(event, arg) {
    console.log(arg);  // prints "ping"
    event.sender.send('asynchronous-reply', 'pong');
  });


  // listen for the messages from renderer process to close the mainwindow and open a readerwindow
  ipc.on('synchronous-message', function(event, arg) {
    console.log(arg);  // prints "ping"
    event.returnValue = 'pong';
  });
  // when all of the book reader windows are closed open the mainAppWindow
  // in main process listen for all bookreaderwindows are closed
  // and in each, checking an array of them formed when they are each created.
});

index.js（渲染器进程代码）：

/*
-mainApp
  -Controls
  -Books
    -Book
*/
var ipc = require('ipc');

var Book = React.createClass({
  switchToBookReader: function() {
    // close mainAppWindow, and open bookreader window.
    // send message to main process 'close window'.
    // listen in main process for this.
    // callback for this in main process is to close the main window and open a readerwindow
  },
  componentDidMount: function() {
    ipc.send('asynchronous-message', 'ping');
    ipc.on('asynchronous-reply', function(arg) {
      console.log(arg); // prints "pong"
    });
    console.log(ipc.sendSync('synchronous-message', 'ping')); // prints "pong"
  },
  render: function() {
    return (
      <div onDoubleClick={this.switchToBookReader()} >
        {this.props.name}
      </div>
    );
  }
});

var Books = React.createClass({
  render: function() {
    // create Book nodes here.
    var bookNodes = [];
    bookNodes.push(<Book name="book1"/>);
    bookNodes.push(<Book name="book2"/>);


    return (
      <div>
        {bookNodes}
      </div>
    );
  }
});

var Controls = React.createClass({
  render: function() {
    return (
      <div>
        Controls
      </div>
    );
  }
});

var mainApp = React.createClass({
  render: function() {
    return (
      <div>
        <Controls />
        <Books />
      </div>
    );
  }
});

React.render(<mainApp />, document.body);

Answer 1

每个侦听器都会创建一个在创建侦听器时返回的唯一ID。基于此，删除侦听器可以这样做：

ipcRenderer.once(channel, listener);

为事件添加一次性侦听器功能。只有在下次将消息发送到通道时才会调用此侦听器，之后将其删除。

访问https://electron.atom.io/docs/api/ipc-renderer/#ipcrendereroncechannel-listener

在这里得到解决方案并且正在努力。

电子IPC过多的消息

1 个答案: