Создание файла cookie JavaScript в домене и чтение его через поддомены

Ниже приведен файл cookie JavaScript, который сохраняется на компьютере пользователя в течение 12 месяцев.

После того, как мы установили cookie в нашем основном домене, например example.com, если пользователь посетит подобный поддомен test.example.com, нам нужно продолжить идентификацию активности пользователя в нашем «тестовом» поддомене.

Но с текущим кодом, как только они уходят www.example.comи посещают test.example.com, они больше не помечаются как «HelloWorld».

Сможет ли кто-нибудь помочь с моим кодом, чтобы разрешить чтение cookie через поддомены?

<script type="text/javascript">
  var cookieName = 'HelloWorld';
  var cookieValue = 'HelloWorld';
  var myDate = new Date();
  myDate.setMonth(myDate.getMonth() + 12);
  document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate;
</script>

Просто установите domainи pathатрибуты вашего печенья, как:

<script type="text/javascript">
var cookieName = 'HelloWorld';
var cookieValue = 'HelloWorld';
var myDate = new Date();
myDate.setMonth(myDate.getMonth() + 12);
document.cookie = cookieName +"=" + cookieValue + ";expires=" + myDate 
                  + ";domain=.example.com;path=/";
</script>

Вы хотите:

document.cookie = cookieName +"=" + cookieValue + ";domain=.example.com;path=/;expires=" + myDate;

В соответствии с RFC 2109 , чтобы cookie был доступен для всех поддоменов, вы должны поставить .перед своим доменом.

Если задать путь = /, cookie будет доступен во всем указанном домене (иначе .example.com).

Вот рабочий пример:

document.cookie = "testCookie=cookieval; domain=." + 
location.hostname.split('.').reverse()[1] + "." + 
location.hostname.split('.').reverse()[0] + "; path=/"

Это универсальное решение, которое берет корневой домен из объекта местоположения и устанавливает файл cookie. Реверсирование происходит потому, что вы не знаете, сколько у вас поддоменов, если они есть.

Вы также можете использовать MDN JavaScript Cookie Framework и сделать:

docCookies.setItem('HelloWorld', 'HelloWorld', myDate, '/', 'example.com');