Electron:从main调用渲染器功能

时间:2016-02-29 22:37:07

标签: javascript electron

我在localstorage中有一些必须在app.quit()上删除的数据。但我认为从主流程中无法做到这一点。

有没有办法从renderer调用main函数?

我知道var remote = require('remote');,但它似乎只是朝着错误的方向发展。

2 个答案:

答案 0 :(得分:13)

您可以通过webContents.send从主进程向渲染器进程发送消息,如以下文档中所述:https://github.com/atom/electron/blob/master/docs/api/web-contents.md#webcontentssendchannel-arg1-arg2-

以下是您直接从文档中执行此操作的方法:

在主要过程中:

// In the main process.
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!');
  });
});

在index.html中:

<!-- index.html -->
<html>
<body>
  <script>
    require('electron').ipcRenderer.on('ping', function(event, message) {
      console.log(message);  // Prints "whoooooooh!"
    });
  </script>
</body>
</html>

注意它是异步的。我不确定这会如何影响您的特定解决方案,但这至少应该让您回到渲染器过程。

答案 1 :(得分:4)

您可以在主流程中使用BrowserWindow.webContents.executeJavaScript

// will print "whoooooooh!" in the dev console
window.webContents.executeJavaScript('console.log("whoooooooh!")');

虽然您可能认为它是一种混乱/肮脏的方法,但它确实有效。并且它不需要在渲染器过程中设置任何东西,这大大简化了我的事情 如果你只是想调用一个特定的方法,那么用这种方式编写可能会更快。