電子で<webview>と通信します。

Question

私はElectronアプリで<webview>を持っています。私は安全な "外国人"のコミュニケーションをしたいと思います。iframeからpostMessageまでの私のやり方です。だから、例えば：

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

は、私がsendToHostを使用できるようにnodeIntegrationをオンにするには、このsubwebviewとの通信のための私の唯一の選択肢ですか？この1つの機能のためにnodeIntegrationのすべてをオンにすることは、過剰なもののようです。

Answer 1

nodeIntegrationが無効になっている場合でも、webviewpreloadスクリプト（IPCを含む）でElectron APIにアクセスできます。プリロードスクリプトは、関数をグローバル名前空間に挿入することができ、webviewにロードされたページ内でアクセスすることができます。簡単な例：

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>