{"id":10238,"date":"2023-10-04T05:07:55","date_gmt":"2023-10-04T05:07:55","guid":{"rendered":"https:\/\/expirki.pl\/ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku\/"},"modified":"2023-10-04T05:07:55","modified_gmt":"2023-10-04T05:07:55","slug":"ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku","status":"publish","type":"post","link":"https:\/\/expirki.pl\/ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku\/","title":{"rendered":"Ustawianie domeny cookie w JavaScript: Poradnik krok po kroku"},"content":{"rendered":"<p><strong>Czy kiedykolwiek zastanawia\u0142e\u015b si\u0119, jak zaimplementowa\u0107 zarz\u0105dzanie ciasteczkami w swojej aplikacji internetowej, korzystaj\u0105c z j\u0119zyka programowania JavaScript? Je\u015bli tak, to dobrze trafi\u0142e\u015b, gdy\u017c poradnik ten wyja\u015bni ci jedn\u0105 z kluczowych koncepcji w tej materii, jak\u0105 jest ustawianie domeny cookie. Bez wzgl\u0119du na to, czy jeste\u015b pocz\u0105tkuj\u0105cym czy do\u015bwiadczonym programist\u0105, z pewno\u015bci\u0105 znajdziesz w artykule przydatne informacje, kt\u00f3re pomog\u0105 Ci w efektywnym zarz\u0105dzaniu ciasteczkami w JavaScript. Zapewniamy, \u017ce po uwa\u017cnym przestudiowaniu zawarto\u015bci artyku\u0142u, b\u0119dziesz w stanie bez trudu stosowa\u0107 zar\u00f3wno s\u0142owa kluczowe: &#8222;javascript set cookie domain&#8221;, jak i frazy dodatkowe: &#8222;javascript set-cookie domain&#8221; w praktyce. Zapraszamy wi\u0119c do lektury, gdy\u017c od jego przeczytania dzieli Ci\u0119 tylko krok od zg\u0142\u0119bienia tajnik\u00f3w ustawiania domeny ciasteczka w JavaScript.<\/strong><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_63 counter-flat ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Spis Tre\u015bci<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #ffffff;color:#ffffff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #ffffff;color:#ffffff\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/expirki.pl\/ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku\/#1_Ustawianie_domeny_cookie_w_JavaScript_%E2%80%93_podstawowe_informacje\" title=\"1. Ustawianie domeny cookie w JavaScript &#8211; podstawowe informacje\">1. Ustawianie domeny cookie w JavaScript &#8211; podstawowe informacje<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/expirki.pl\/ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku\/#2_Definiowanie_atrybutu_domain_ciasteczka\" title=\"2. Definiowanie atrybutu domain ciasteczka\">2. Definiowanie atrybutu domain ciasteczka<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/expirki.pl\/ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku\/#3_Ustawianie_domeny_cookie_za_pomoca_funkcji_JavaScript\" title=\"3. Ustawianie domeny cookie za pomoc\u0105 funkcji JavaScript\">3. Ustawianie domeny cookie za pomoc\u0105 funkcji JavaScript<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/expirki.pl\/ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku\/#4_Przyklad_uzycia_funkcji_do_ustawienia_domeny_ciasteczka\" title=\"4. Przyk\u0142ad u\u017cycia funkcji do ustawienia domeny ciasteczka\">4. Przyk\u0142ad u\u017cycia funkcji do ustawienia domeny ciasteczka<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/expirki.pl\/ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku\/#5_Ustawianie_domeny_cookie_dla_aplikacji_na_roznych_poddomenach\" title=\"5. Ustawianie domeny cookie dla aplikacji na r\u00f3\u017cnych poddomenach\">5. Ustawianie domeny cookie dla aplikacji na r\u00f3\u017cnych poddomenach<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/expirki.pl\/ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku\/#6_Uwagi_na_temat_bezpieczenstwa_przy_ustawianiu_domeny_cookie_w_JavaScript\" title=\"6. Uwagi na temat bezpiecze\u0144stwa przy ustawianiu domeny cookie w JavaScript\">6. Uwagi na temat bezpiecze\u0144stwa przy ustawianiu domeny cookie w JavaScript<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/expirki.pl\/ustawianie-domeny-cookie-w-javascript-poradnik-krok-po-kroku\/#Ustawianie_Domeny_Cookie_w_JavaScript_%E2%80%93_Kluczowe_Punkty\" title=\"Ustawianie Domeny Cookie w JavaScript &#8211; Kluczowe Punkty\">Ustawianie Domeny Cookie w JavaScript &#8211; Kluczowe Punkty<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"1_Ustawianie_domeny_cookie_w_JavaScript_%E2%80%93_podstawowe_informacje\"><\/span>1. Ustawianie domeny cookie w JavaScript &#8211; podstawowe informacje<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Domena cookie to cz\u0119\u015b\u0107 konfiguracji ciasteczka, kt\u00f3ra okre\u015bla zakres strony lub aplikacji, dla kt\u00f3rej ciasteczko jest dost\u0119pne. Domena cookie jest niezb\u0119dna do zapewnienia odpowiedniego dzia\u0142ania systemu zarz\u0105dzania sesjami oraz zabezpieczenia przed atakami typu CSRF. W JavaScript, aby ustawi\u0107 domen\u0119 cookie, nale\u017cy u\u017cy\u0107 w\u0142a\u015bciwo\u015bci <b>domain<\/b> w obiekcie <b>Set-Cookie<\/b>, kt\u00f3ry jest wysy\u0142any w odpowiedzi HTTP.<\/p>\n<p>W niniejszej cz\u0119\u015bci artyku\u0142u om\u00f3wimy podstawowe informacje dotycz\u0105ce ustawiania domeny cookie oraz dwa popularne sposoby osi\u0105gni\u0119cia tego celu: za pomoc\u0105 atrybutu <strong>domain<\/strong> ciasteczka oraz za pomoc\u0105 funkcji j\u0119zyka <b>JavaScript<\/b>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"2_Definiowanie_atrybutu_domain_ciasteczka\"><\/span>2. Definiowanie atrybutu domain ciasteczka<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Aby zdefiniowa\u0107 domen\u0119 cookie, nale\u017cy doda\u0107 atrybut <b>domain<\/b> do ciasteczka, podaj\u0105c jako warto\u015b\u0107 domen\u0119 lub poddomen\u0119, dla kt\u00f3rej ciasteczko ma by\u0107 dost\u0119pne. Na przyk\u0142ad, aby ustawi\u0107 domen\u0119 ciasteczka dla strony www.example.com, mo\u017cna u\u017cy\u0107 nast\u0119puj\u0105cego kodu:<\/p>\n<p>&#8222;`javascript<br \/>\ndocument.cookie = &#8222;name=value; domain=example.com&#8221;;<br \/>\n&#8222;`<\/p>\n<p>Warto pami\u0119ta\u0107, \u017ce domena cookie musi by\u0107 podana jawnie &#8211; w przeciwnym razie zostanie automatycznie przypisana domena g\u0142\u00f3wna strony, na kt\u00f3rej jeste\u015bmy obecnie.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Ustawianie_domeny_cookie_za_pomoca_funkcji_JavaScript\"><\/span>3. Ustawianie domeny cookie za pomoc\u0105 funkcji JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>JavaScript pozwala tak\u017ce na programowe ustawianie domeny cookie za pomoc\u0105 funkcji. Przyk\u0142adowa implementacja takiej funkcji mo\u017ce wygl\u0105da\u0107 nast\u0119puj\u0105co:<\/p>\n<p>&#8222;`javascript<br \/>\nfunction setCookie(name, value, domain) {<br \/>\n  document.cookie = name + &#8222;=&#8221; + value + &#8222;; domain=&#8221; + domain;<br \/>\n}<br \/>\n&#8222;`<\/p>\n<p>W\u00f3wczas u\u017cycie funkcji polega na podaniu odpowiednich argument\u00f3w, takich jak nazwa ciasteczka, jego warto\u015b\u0107 oraz domena.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Przyklad_uzycia_funkcji_do_ustawienia_domeny_ciasteczka\"><\/span>4. Przyk\u0142ad u\u017cycia funkcji do ustawienia domeny ciasteczka<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Poni\u017cej znajduje si\u0119 przyk\u0142ad u\u017cycia funkcji <code>setCookie()<\/code> do ustawienia domeny ciasteczka w JavaScript:<\/p>\n<p>&#8222;`javascript<br \/>\nsetCookie(&#8222;myCookie&#8221;, &#8222;myValue&#8221;, &#8222;example.com&#8221;);<br \/>\n&#8222;`<\/p>\n<p>W wyniku tej operacji ciasteczko o nazwie <b>myCookie<\/b> zostanie utworzone z warto\u015bci\u0105 <b>myValue<\/b> i domen\u0105 <b>example.com<\/b>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Ustawianie_domeny_cookie_dla_aplikacji_na_roznych_poddomenach\"><\/span>5. Ustawianie domeny cookie dla aplikacji na r\u00f3\u017cnych poddomenach<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je\u015bli chcemy, aby ciasteczko by\u0142o dost\u0119pne na r\u00f3\u017cnych poddomenach, mo\u017cemy u\u017cy\u0107 znaku <b>wildcard<\/b> (<code>*<\/code>) w atrybucie <b>domain<\/b> ciasteczka:<\/p>\n<p>&#8222;`javascript<br \/>\ndocument.cookie = &#8222;name=value; domain=*.example.com&#8221;;<br \/>\n&#8222;`<\/p>\n<p>W\u00f3wczas ciasteczko zostanie udost\u0119pnione na wszystkich poddomenach strony <b>example.com<\/b>, takich jak www.example.com, blog.example.com czy forum.example.com<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Uwagi_na_temat_bezpieczenstwa_przy_ustawianiu_domeny_cookie_w_JavaScript\"><\/span>6. Uwagi na temat bezpiecze\u0144stwa przy ustawianiu domeny cookie w JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ustalaj\u0105c domen\u0119 cookie w JavaScript, warto pami\u0119ta\u0107 o kilku kwestiach zwi\u0105zanych z <b>bezpiecze\u0144stwem<\/b>:<\/p>\n<p>&#8211; Staraj si\u0119 ograniczy\u0107 dost\u0119p do ciasteczek tylko do potrzebnych domen oraz poddomen, aby zminimalizowa\u0107 ryzyko ich wykorzystania w celach nieautoryzowanych.<br \/>\n&#8211; Ustawiaj\u0105c domen\u0119 cookie, warto doda\u0107 tak\u017ce atrybut <b>secure<\/b>, kt\u00f3ry wymusza przesy\u0142anie ciasteczka tylko za po\u015brednictwem po\u0142\u0105czenia HTTPS.<br \/>\n&#8211; Przemy\u015bl u\u017cycie <b>SameSite<\/b> jako atrybutu ciasteczek, kt\u00f3ry pozwala na blokowanie wysy\u0142ania ciasteczka w ramach niekt\u00f3rych \u017c\u0105da\u0144 mi\u0119dzydomenowych, co mo\u017ce dodatkowo zwi\u0119kszy\u0107 bezpiecze\u0144stwo.<\/p>\n<blockquote><p>Przy prowadzeniu jakichkolwiek projekt\u00f3w online, warto rozwa\u017cy\u0107 tworzenie projekt\u00f3w na expirkach, czyli wygas\u0142ach i przej\u0119tych domenach z warto\u015bciowymi linkami i histori\u0105 SEO. Dobrze dobrana expirka, z ju\u017c zbudowanym profilem linkowym oraz histori\u0105 funkcjonowania w Google mo\u017ce znacznie przyspieszy\u0107 indeksowanie nowego projektu oraz zmniejszy\u0107 wydatki na linkbuilding i pozycjonowanie strony w Google. W ramach projektu expirki.pl tworzymy baz\u0119 jednych z najlepszych domen SEO na rynku: <a href=\"https:\/\/app.expirki.pl\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6283\" src=\"https:\/\/expirki.pl\/wp-content\/uploads\/nowy-panel.jpg\" alt=\"\" width=\"1906\" height=\"965\" srcset=\"https:\/\/expirki.pl\/wp-content\/uploads\/nowy-panel.jpg 1906w, https:\/\/expirki.pl\/wp-content\/uploads\/nowy-panel-300x152.jpg 300w, https:\/\/expirki.pl\/wp-content\/uploads\/nowy-panel-1024x518.jpg 1024w, https:\/\/expirki.pl\/wp-content\/uploads\/nowy-panel-768x389.jpg 768w, https:\/\/expirki.pl\/wp-content\/uploads\/nowy-panel-1536x778.jpg 1536w\" sizes=\"(max-width: 1906px) 100vw, 1906px\" \/><\/a> <a href=\"https:\/\/app.expirki.pl\/\">W aplikacji expirki<\/a> znajdziesz mocne domeny, wygas\u0142e nawet po kilknastu latach z unikalnymi linkami ze stron fundacji, organizacji, firm, subdomen gov, edu i innych. Ka\u017cd\u0105 domen\u0119 przed dodaniem do bazy expirki.pl szczeg\u00f3\u0142owo i r\u0119cznie weryfikujemy. Je\u015bli temat expirek jest dla Ciebie zupe\u0142nie nowy, zapraszamy do zapoznania si\u0119 z naszym szczeg\u00f3lowym poradnikiem: <a href=\"https:\/\/expirki.pl\/czyli-wygasle-i-przechwycone-domeny-seo\/\">https:\/\/expirki.pl\/czyli-wygasle-i-przechwycone-domeny-seo\/<\/a><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"Ustawianie_Domeny_Cookie_w_JavaScript_%E2%80%93_Kluczowe_Punkty\"><\/span>Ustawianie Domeny Cookie w JavaScript &#8211; Kluczowe Punkty<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>W artykule om\u00f3wione zosta\u0142y podstawy ustawiania domeny cookie w j\u0119zyku JavaScript przy u\u017cyciu metod setAttribute() oraz javascript set-cookie domain. Pokazany funkcja <em>setCookie<\/em>, kt\u00f3ra pozwala na tworzenie ciasteczek o okre\u015blonej nazwie, warto\u015bci, czasie wyga\u015bni\u0119cia i domenie, gdzie domena ciasteczka jest podawana jako argument do funkcji.<\/p>\n<p>Zwr\u00f3cona uwaga na kompatybilno\u015b\u0107 przegl\u0105darek, takich jak Chrome, Safari, Firefox czy Edge, podczas ustawiania domeny cookie za pomoc\u0105 JavaScript. Warto sprawdzi\u0107 ich dzia\u0142anie przed wprowadzeniem zmian na produkcj\u0119.<\/p>\n<p>Om\u00f3wione r\u00f3wnie\u017c szczeg\u00f3\u0142y wsp\u00f3\u0142dzielone ciasteczek mi\u0119dzy subdomenami, co mo\u017cna osi\u0105gn\u0105\u0107 poprzez ustawienie domeny ciasteczka na domen\u0119 g\u0142\u00f3wn\u0105, a nie na jej subdomen\u0119. Zaprezentowane spos\u00f3b r\u0119cznego ustawiania domeny cookie, gdy jest to wymagane dla wi\u0119kszej kontroli.<\/p>\n<p>Podkre\u015blone r\u00f3wnie\u017c znaczenie bezpiecze\u0144stwa przy ustawianiu domeny cookie, w tym zalecenie stosowania atrybut\u00f3w Secure i HttpOnly. Atrybut Secure zapewnia wysy\u0142k\u0119 ciasteczek przez po\u0142\u0105czenia szyfrowane (HTTPS), a atrybut HttpOnly chroni ciasteczka przed atakami XSS i ogranicza ryzyko przechwytywania przez osoby niepowo\u0142ane.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Czy kiedykolwiek zastanawia\u0142e\u015b si\u0119, jak zaimplementowa\u0107 zarz\u0105dzanie ciasteczkami w swojej aplikacji internetowej, korzystaj\u0105c z j\u0119zyka programowania JavaScript? Je\u015bli tak, to dobrze trafi\u0142e\u015b, gdy\u017c poradnik ten wyja\u015bni ci jedn\u0105 z kluczowych koncepcji w tej materii, jak\u0105 jest ustawianie domeny cookie. Bez wzgl\u0119du na to, czy jeste\u015b pocz\u0105tkuj\u0105cym czy do\u015bwiadczonym programist\u0105, z pewno\u015bci\u0105 znajdziesz w artykule przydatne [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10237,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[80,196,567],"tags":[],"_links":{"self":[{"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/posts\/10238"}],"collection":[{"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/comments?post=10238"}],"version-history":[{"count":0,"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/posts\/10238\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/media\/10237"}],"wp:attachment":[{"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/media?parent=10238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/categories?post=10238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/expirki.pl\/wp-json\/wp\/v2\/tags?post=10238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}