如何将 Electron ipcRenderer 集成到基于 TypeScript 的 Angular 2 应用程序中?

时间:2023-01-29
本文介绍了如何将 Electron ipcRenderer 集成到基于 TypeScript 的 Angular 2 应用程序中?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我想使用 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(...)

这篇关于如何将 Electron ipcRenderer 集成到基于 TypeScript 的 Angular 2 应用程序中?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

上一篇:电子 5.0.0 “未捕获的参考错误:未定义要求" 下一篇:我如何将 mongodb 与电子一起使用?

相关文章

最新文章