Как получить уведомление от веб-просмотра в приложении Angular & Electron

Question

Я использую этот пакет , чтобы попытаться интегрировать Angular 7 с Electron.

В app.html я использую тег для просмотра push-уведомлений веб-страницы с использованием HTML5-уведомлений.

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

И у меня есть другое веб-представление для показа другой веб-страницы

В файле ts компонента я хочу прослушивать уведомления из каждого веб-просмотра и отображать их в качестве собственных уведомлений рабочего стола.

Как я могу реализовать это в app.component.ts

Answer 1

Вы можете использовать ipc communication для отправки сообщений из веб-просмотра в основной процесс. https://electronjs.org/docs/api/notification для реализации уведомления.

Используйте ipcRenderer.send ('уведомление', {данные}) из каждого приложения веб-просмотра. Для этого создайте сценарий предварительной загрузки, который содержит следующее, внедряющее ipcRenderer.

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

Используйте следующий скрипт из веб-приложения

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

Обратите внимание, что мы используем скрипт предварительной загрузки, чтобы избежать узловой интеграции внутри веб-просмотра. И в основном процессе, перехватите сообщение, используя

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();


})