サブドメイン間で localStorage を共有する方法

多くの Web サイトは、パフォーマンスとセキュリティが向上するため、Cookie の代わりに localStorage を使用してデータを保存します。ただし、各サブドメインには独自の個別の localStorage オブジェクトがあるため、localStorage はサブドメインを扱うときに問題が発生する可能性があります。ユーザーがメイン ドメイン (site.example など) とサブドメイン (www.site.example など) の両方を使用して Web サイトにアクセスする場合、ユーザーのデータは異なる localStorage オブジェクトに保存されるため、これが問題になる可能性があります。ユーザーが使用しているサブドメインに関係なくデータにアクセスできることを期待している場合、これにより問題が発生する可能性があります。

この問題に対する考えられる解決策の 1 つは、メイン ドメインの iframe を使用してサブドメインと通信することです。 。 postMessage を使用して iframe とサブドメインの間でメッセージを送信すると、サブドメインはメイン ドメインの localStorage にアクセスできます。このソリューションを実装するには、次の手順を実行できます。

1. メイン ドメイン (parent.example) で iframe を作成する
2. 各子ドメイン (child.example) で、メイン ドメインの iframe への postMessage
3. サブドメインとメイン ドメインの iframe 間の通信を容易にするために、postMessage メッセージを解釈するためのプロトコルを確立します。

このプロセスに従うことにより、すべてのサブドメイン同じ localStorage をメイン ドメインと共有できるため、ユーザーが使用しているサブドメインに関係なく、ユーザーのデータにアクセスできるようになります。