Web サイトのサブドメイン間で localStorage を共有するにはどうすればよいですか?

サブドメイン間での localStorage へのアクセス

現代の Web 開発では、localStorage がユーザー データをローカルに保存するための推奨される選択肢として浮上しており、従来の使用方法を超えています。クッキーの。ただし、サブドメインを操作する場合、各サブドメインが独自の別個の localStorage を維持するため、共通の課題が発生します。

たとえば、site.example と www.site.example の例を考えてみましょう。これら 2 つの URL は、メイン サイトの異なるサブドメインを表します。ユーザーがこれらのサブドメインにアクセスすると、その localStorage オブジェクトは個別になり、互いに分離されます。これにより、特にユーザーがこれらのサブドメイン間を移動する場合に、データ アクセシビリティの問題が生じます。

解決策: サブドメイン間で localStorage を共有する

この制限を克服し、サブドメイン間でのシームレスなデータ共有を確保するにはサブドメインに関しては、iframe と postMessage を活用するという賢い解決策が考案されました。以下にその仕組みを段階的に説明します。

1.親ドメインから Iframe を作成する

親ドメイン (例:parent.example) から、サブドメイン (例: child.example) を参照する iframe を作成します。この iframe は 2 つのドメイン間のブリッジとして機能し、データ交換を容易にします。

2. postMessage

を使用したメッセージの交換 各サブドメイン (例: child.example) で、親ドメイン (例:parent.example) の親 iframe にメッセージを送信するための postMessage 通信メカニズムを確立します。これには、これらのメッセージを解析および解釈するための適切なプロトコルのセットアップが含まれます。

3.メッセージ処理のプロトコルを構成する

メッセージ処理のための明確なプロトコルまたはルールのセットを定義します。このプロトコルは、親 iframe とサブドメインの両方でメッセージがどのようにフォーマットされ、解釈されるかを指定する必要があります。これらのガイドラインに従うことで、ドメイン間で効果的に通信し、データを交換できます。

結論

iframe と postMessage のアプローチを採用することで、サブドメイン間で localStorage を共有することが可能になります。 。これにより、同じ Web サイト上の異なるサブドメイン間を移動する場合でも、一貫したデータ アクセシビリティとシームレスなユーザー エクスペリエンスが可能になります。

以上がWeb サイトのサブドメイン間で localStorage を共有するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。