Electronのアーキテクチャ：メインプロセスとレンダラープロセス

Electronは、Chromium（Webのレンダリング用）とNode.js（ネイティブAPIへのアクセス用）を組み合わせたフレームワークです。使い慣れたWeb技術でクロスプラットフォームのデスクトップアプリケーションを開発できます。ReactアプリはChromiumのブラウザーウィンドウ内で実行され、Node.jsによってオペレーティングシステムの機能にアクセスできます。

メインプロセスはElectronアプリケーションのエントリーポイントです。アプリケーションのライフサイクルを管理し、ウィンドウを作成および制御して、ネイティブOSとのやり取りを処理します。レンダラープロセスを起動し、Node.js APIと基盤となるオペレーティングシステムに完全にアクセスできます。

各BrowserWindowは独自のレンダラープロセスを起動し、その中でChromiumが動作してReactアプリケーションを実行します。ウィンドウごとに1つのレンダラープロセスが存在し、通常のブラウザータブとよく似た動作をします。つまり、HTML、CSS、JavaScriptをレンダリングします。

メインプロセスはNode.jsに完全にアクセスできるため、ファイルシステムの読み書き、ネイティブメニューの作成、システムトレイの管理、子プロセスの起動、ハードウェアとの連携を行えます。セキュリティ上の理由から、これらの機能はデフォルトではレンダラーから利用できません。

contextIsolationがtrueに設定されている場合（現在のデフォルト）、レンダラープロセスはサンドボックス化され、Node.js APIに直接アクセスできません。このセキュリティモデルにより、悪意のあるWebコンテンツがファイルシステムにアクセスしたり、任意のシステムコマンドを実行したりすることを防ぎます。

プロセス間通信（IPC）は、メインプロセスとレンダラープロセスがメッセージを交換するための仕組みです。メインプロセスはipcMainを使用してメッセージを待ち受けて応答し、レンダラーはipcRendererを使用してメッセージを送信します。すべての通信は非同期で、メッセージベースです。

preloadスクリプトは、特別な中間的役割を担います。レンダラープロセスのコンテキストで実行されますが、ページのコンテンツが読み込まれる前にNode.js APIへアクセスできます。そのため、サンドボックス化されたレンダラーと特権を持つメインプロセスを安全につなぐ橋渡しになります。

contextBridge.exposeInMainWorldを使用すると、preloadスクリプトから安全で管理されたAPIを選択的にレンダラーへ公開できます。レンダラーは、Node.jsやElectronの内部機能に直接アクセスすることなく、公開された関数を呼び出せます。これにより、強固なセキュリティ境界を維持できます。

contextBridgeによって「api」のような名前でAPIを公開すると、Reactコンポーネントからwindow.api.myFunction()で呼び出せます。見た目は通常のJavaScript関数を呼び出す場合と同じですが、内部ではIPCを経由してメインプロセスに処理が転送されます。

Electronのセキュリティモデルでは、contextIsolationが有効な場合、レンダラーからNode.jsへ直接アクセスすることを明確に禁止しています。すべての特権操作はpreloadスクリプトとcontextBridgeを経由する必要があります。これにより、レンダラーでXSS攻撃が発生した場合でも、ファイルシステムにアクセスできないようにします。

一般的な処理の流れは次のとおりです。Reactコンポーネントがwindow.api.readFile()を呼び出す → preloadがipcRenderer.invoke()を実行する → メインプロセスのipcMain.handle()がfs.readFile()を実行する → 結果がPromiseとしてレンダラーに返される。このアーキテクチャにより、レンダラーをシンプルかつ安全に保てます。

ElectronにおけるcontextBridge.exposeInMainWorldの主な目的は何ですか？

ElectronはChromiumとNode.jsを組み合わせたものです。メインプロセスはアプリのライフサイクルを管理し、OSに完全にアクセスできます。一方、レンダラープロセスはサンドボックス環境でReact UIを実行します。preloadスクリプトとcontextBridgeが安全な橋渡しを担い、IPCによって特権を持つメインプロセスと分離されたレンダラーの間で安全に通信できます。