electron 渲染進程與 webview 的高效協作：模擬同步通信
在 Electron 應用開發中，渲染進程與內嵌 WebView 之間的通信是常見需求。 通常采用 preload 腳本注入，結合事件監聽和消息發送機制實現異步通信。但某些場景下，例如渲染進程和 WebView 需要緊密協作完成特定任務時，異步通信的延遲可能難以接受。開發者希望模擬一種類似 ipcRenderer.invoke 的同步通信機制，使用 await 等待 WebView 的響應。
本文探討如何在 Electron 渲染進程和 WebView 之間實現高效的“同步”通信。 需要強調的是，跨進程或跨線程環境中的真正同步通信通常難以實現，因為這會阻塞主線程，導致界面卡頓或應用無響應。 但我們可以通過巧妙的架構設計，模擬同步效果，滿足高效協同的需求。
文中提供的方案并非真正的同步，而是利用 promise 和 async/await 語法糖，簡化代碼，提升可讀性和可維護性，避免顯式回調函數。
該方案基于 Electron 的 IPC 機制。渲染進程通過 window.api.someFun() 調用 WebView 中注入的 preload 腳本。preload 腳本使用 ipcRenderer.invoke(‘someFun’) 向主進程發送請求。主進程通過 ipcMain.handle(‘someFun’, () => { return ‘123’; }) 處理請求并返回數據。 渲染進程的 await window.api.someFun() 等待主進程響應，從而模擬同步效果。 需要注意的是，這仍然是異步操作，async/await 只是簡化了代碼，避免了回調地獄。 主進程處理請求和返回數據期間存在延遲，但開發者無需顯式處理異步過程。
