¿Cómo comparto datos entre subdominios?

How do I share data between subdomains?

This is how I use it across domains…

1. Use an iframe from your parent domain – say parent.com.
2. Then on each child.com domain, just do a postMessage to your parent.com iframe.
3. All you need to do is setup a protocol of how to interpret your postMessage messages to talk to the parent.com iframe.

As you may know, LocalStorage is domain based. You can’t read or write from localstorage that’s on different domain, even if that’s subdomain. But there is iframe trick that you can use to store data from domain to it’s subdomain.

The localStorage is shared between all windows with the same origin, so if we set the data in one window, the change becomes visible in another one.

The Domain attribute is used to compare the cookie’s domain against the domain of the server for which the HTTP request is being made. If the domain matches or if it is a subdomain, then the path attribute will be checked next. Note that only hosts that belong to the specified domain can set a cookie for that domain.

Way to Solution That’s because localstorage doesn’t support sharing the storage across subdomains or even domain. Actually, this is a browser storage security issue, and in fact, none of LocalStorage/WebSQL/IndexedDB can be shared across subdomains. They are part of the “same-origin policy” which sandboxes data.

localStorage data is specific to the protocol of the document. In particular, for a site loaded over HTTP (e.g., http://example.com ), localStorage returns a different object than localStorage for the corresponding site loaded over HTTPS (e.g., https://example.com ).

Local storage is inherently no more secure than using cookies. When that’s understood, the object can be used to store data that’s insignificant from a security standpoint.

You still need a hidden iframe to encapsulate the origin of the localStorage store you want to access (api.abc.com), but by setting document. domain = “abc.com” on both main window and hidden iframe, they can interact directly. Then you can literally just use hiddenIFrame. contentWindow.