Kommunizieren Sie mit <webview> Elektron

Ich habe eine <webview> in meinem Electron-app. Ich würde gerne sicher "ausländische" Kommunikation, die Art und Weise würde ich mit einem iframe durch postMessage. So zum Beispiel:

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

Ist meine einzige Wahl für die Kommunikation mit diesem subwebview zu schalten nodeIntegration so, dass ich sendToHost? Drehen auf allen nodeIntegration für diese Funktion scheint wie overkill.

InformationsquelleAutor Francisco Ryan Tolmasky I | 2016-09-11
  1. 25

    Können Sie den Zugriff Elektron-APIs in der webview Vorspannung Skript, einschließlich der IPC, auch wenn nodeIntegration deaktiviert ist. Ihre preload-Skript injizieren Funktionen in den globalen Namensraum, die dann zugegriffen werden, die innerhalb der geladenen Seite in der webview. 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>
    • Das war genau die Antwort, die ich suchte. Dies funktioniert zum senden einer Nachricht von der webview auf das Fenster zu. Wie schicke ich eine Nachricht aus dem Fenster auf die webview?
    • haben Sie versucht, die webview.send() ?
    • Ich landete es herauszufinden. Ich denke, ich landete mit webview.send() ya. Danke.
    • Hi,ich bin versucht, die gleiche Sache, aber scheint nicht zu arbeiten, diskutieren.atom.io/t/...
    • So etwas für windows? Oder sind die child windows erforderlich zu sprechen, um die wichtigsten Verfahren für die Kommunikation mit anderen windows?
    InformationsquelleAutor Vadim Macagon
Schreibe einen Kommentar