Kommunizieren Sie mit <webview> in Elektron

Question

Ich habe eine <webview> in meiner Electron App. Ich hätte gerne eine "fremde" Kommunikation, so wie ich es mit einer iframe bis postMessage machen würde. So zum Beispiel:

webview.executeJavaScript("window.parent.postMessage('all done!')");

wird für die Kommunikation meine einzige Wahl mit diesem subwebview auf nodeIntegration so drehen, dass ich sendToHost verwenden kann? Das Einschalten von nodeIntegration allein für diese eine Funktion scheint wie Overkill.

Answer 1

Sie können im Skript webviewpreload, einschließlich IPC, auf Elektronen-APIs zugreifen, auch wenn nodeIntegration deaktiviert ist. Ihr Preload-Skript kann Funktionen in den globalen Namespace einfügen, auf die dann innerhalb der in geladenen Seite zugegriffen werden kann. Ein einfaches Beispiel:

webview-preload.js:

const { ipcRenderer } = require('electron')  

global.pingHost =() => { 
    ipcRenderer.sendToHost('ping') 
} 

webview-index.html:

<script> 
    pingHost() 
</script> 

window-index.html:

<script> 
    const webview = document.getElementById('mywebview') 
    webview.addEventListener('ipc-message', event => { 
    // prints "ping" 
    console.log(event.channel) 
    }) 
</script>