如何在Angular＆Electron应用程序中从webview接收通知

Question

我正在使用这个包来尝试将Angular 7与Electron集成。

在app.html中，我使用标记来查看使用HTML5通知的网页推送通知。

<webview partition="somepartition" id="webview1" src="src"></webview>

我还有另一个webview来显示另一个网页

在组件ts文件中，我想收听来自每个webview的通知，并将它们显示为本机descktop通知。

我怎样才能在app.component.ts中实现它

Answer 1

您可以使用ipc通信将消息从webview发送到主进程。 https://electronjs.org/docs/api/notification实施通知。

使用每个webview应用程序中的ipcRenderer.send（'notification'，{data}）。 为此，请创建一个包含以下注入ipcRenderer的预加载脚本。

window.ipcRenderer = require('electron').ipcRenderer;

使用webview应用程序中的以下脚本

window.ipcRenderer.send('notification',{title:"sample title",body:"sample body" });

请注意，我们使用preload脚本来避免webview中的nodeIntegration。 并在主要过程中，使用捕获消息

const { Notification , ipcMain } = require('electron');
ipcMain.on('notification',(event,channel,args)=>{
//Write code to show notification notification module
   let notification =  new Notification({ title : args.title , body: args.body });
notification.show();


})