问题描述
我想使用 ipcMain/ipcRenderer 在我的项目上从 Angular 到 Electron 进行通信并返回.
I want to use ipcMain / ipcRenderer on my project to communicate from Angular to Electron and back.
Electron 方面非常清楚:
The Electron side is pretty clear:
const electron = require('electron'), ipcMain = electron.ipcMain, ; ipcMain.on('asynchronous-message', function(event, arg) { console.debug('ipc.async', arg); event.sender.send('asynchronous-reply', 'async-pong'); }); ipcMain.on('synchronous-message', function(event, arg) { console.debug('ipc.sync', arg); event.returnValue = 'sync-pong'; });
但我不知道如何将该 Electron 模块集成到我的 Angular 2 应用程序中.我使用 SystemJS 作为模块加载器,但我是新手.
But I have no idea how to integrate that Electron module into my Angular 2 app. I use SystemJS as module loader, but I'm a rookie with it.
任何帮助表示赞赏.谢谢.
Any help appreciated. Thanks.
--- 马里奥
推荐答案
存在冲突,因为 Electron 使用 commonjs 模块解析,但您的代码已经使用 systemjs 规则编译.
There is conflict, because Electron use commonjs module resolving, but your code already compiled with systemjs rules.
两种解决方案:
稳健的方式.注册对象 require 返回:
<script> System.set('electron', System.newModule(require('electron'))); </script>
这是最好的,因为 renderer/init.js 脚本会在启动时加载该模块.SystemJS 必须只接受它,而不是加载.
This is the best, because renderer/init.js script loads that module on start. SystemJS have to take it only, not loads.
替代方式.在声明中使用肮脏的技巧.
Alternative way. Use dirty trick with declaration.
在index.html中获取电子实例:
<script> var electron = require('electron'); </script>
以这种方式在您的 typescript 文件中声明它:
Declare it inside your typescript file this way:
declare var electron: any;
自由使用)
electron.ipcRenderer.send(...)