Protokol HTTP je jedním z nejdůležitějších protokolů pro bezproblémovou komunikaci mezi serverem a klientem. Hlavní nevýhodou protokolu HTTP je, že se jedná o bezstavový protokol, což znamená, že nesleduje žádný druh odpovědi nebo požadavku ze strany serveru nebo klienta. Chcete-li tento problém vyřešit, existují tři způsoby, jak sledovat užitečné informace. V tomto článku se podíváme na rozdíl mezi místním úložištěm, úložištěm relace a soubory cookie a proč je důležité, aby vývojář webu tyto pojmy znal.
Místní úložiště: Tato vlastnost rozhraní pouze pro čtení poskytuje přístup k objektu místního úložiště dokumentu; uložená data jsou uložena v relacích prohlížeče. Podobné jako sessionStorage, s tím rozdílem, že data sessionStorage se vymažou, když relace stránky skončí – tedy když se stránka zavře. Vymaže se, když se zavře poslední soukromá karta prohlížeče (data localStorage pro dokument načtený v soukromém prohlížení nebo anonymní relaci).
lžička vs polévková lžíce
DOMStrings jsou formáty úložiště, které ke kódování dat používají UTF-16, které používá dva bajty na znak. Řetězce jsou automaticky generovány z celočíselných klíčů, stejně jako u objektů. Data uložená v LocalStorage jsou specifická pro protokol v dokumentu. Pokud je web načten přes HTTP (např. http://example.com), localStorage vrátí jiný objekt, než když je načten přes HTTPS (např. https://abc.com).
Pokud je dokument načten z adresy URL souboru (tj. přímo z lokálního souborového systému uživatele namísto načtení ze serveru), požadavky na chování nejsou definovány a mohou se v různých prohlížečích lišit. Zdá se, že každý soubor vrací jiný objekt localStorage ve všech aktuálních prohlížečích: URL. V podstatě se zdá, že každý soubor URL má svou vlastní jedinečnou oblast místního úložiště.
Toto chování nelze zaručit, protože, jak bylo uvedeno výše, požadavky na URL souboru zůstávají nejasné. Existuje tedy možnost, že prohlížeče mohou kdykoli změnit způsob zacházení se soubory. Způsob, jakým to některé prohlížeče zvládají, se vyvíjel.
Místní úložiště má 4 způsoby:
syntaxe git pull
- metoda setItem() – Tato metoda používá dva parametry, jeden je klíč a druhý je hodnota. Slouží k uložení hodnoty na určité místo s názvem klíče.
localStorage.setItem(key, value)>
- metoda getItem() – Tato metoda přebírá jeden parametr, kterým je klíč, který se používá k získání hodnoty uložené s konkrétním názvem klíče.
localStorage.getItem(key)>
- metoda removeItem() – Tato metoda se používá k odstranění hodnoty uložené v paměti ve vztahu ke klíči.
localStorage.removeItem(key)>
- metoda clear() – Tato metoda se používá k vymazání všech hodnot uložených v localstorage.
localStorage.clear()>

obrázek panelu místního úložiště
Co je úložiště relace?
K objektům úložiště relace lze přistupovat pomocí vlastnosti sessionStorage pouze pro čtení. Rozdíl mezi sessionStorage a localStorage je v tom, že data localStorage nevyprší, zatímco data sessionStorage se vymažou, když relace stránky skončí.
řazení vložení
Po načtení dokumentu na kartu prohlížeče se vytvoří jedinečná relace stránky. Relace stránky jsou platné pouze pro jednu kartu současně. Stránky se ukládají pouze po dobu, po kterou je otevřená karta nebo prohlížeč; po opětovném načtení a obnovení stránky nepřetrvají. Při každém otevření karty nebo okna se vytvoří nová relace; to se liší od souborů cookie relace. Každá karta/okno, které je otevřeno se stejnou adresou URL, vytváří vlastní sessionStorage. Když kartu duplikujete, sessionStorage z původní karty se zkopíruje na duplikovanou kartu. Zavřením okna/karty ukončíte relaci a vymažete objekty sessionStorage.
Protokol stránky určuje, jaká data jsou uložena v sessionStorage. Zejména data uložená skripty, ke kterým se přistupuje prostřednictvím protokolu HTTP (například http://abc.com), jsou uložena v samostatném objektu ze stejného webu, na který se přistupuje prostřednictvím protokolu HTTPS (například https://abc.com). Číslo DOMString je dva bajty na znak ve formátu DOMString UTF-16. Řetězce jsou automaticky generovány z celočíselných klíčů stejně jako u objektů.
Ukládání relací má 4 způsoby:
- metoda setItem() – Tato metoda používá dva parametry, jeden je klíč a druhý je hodnota. Slouží k uložení hodnoty na určité místo s názvem klíče.
sessionStorage.setItem(key, value)>
- metoda getIteam() – Tato metoda přebírá jeden parametr, kterým je klíč, který se používá k získání hodnoty uložené s konkrétním názvem klíče.
sessionStorage.getItem(key)>
- metoda removeItem() – Tato metoda se používá k odstranění hodnoty uložené v paměti ve vztahu ke klíči.
sessionStorage.removeItem(key)>
- metoda clear() – Tato metoda se používá k vymazání všech hodnot uložených v úložišti relace
sessionStorage.clear()>

obrázek úložiště relace
strunový split bash
cookie: Pojem cookie se vztahuje pouze na textové informace o webové stránce. Aby vás tato webová stránka rozpoznala a zobrazila vám výsledky podle vašich preferencí, ukládá některé informace do vašeho místního systému, když navštívíte konkrétní webovou stránku. Historie internetu je již dlouho poznamenána používáním cookies. Návštěvník webu požádá server o webovou stránku, když ji navštíví. Každý požadavek na server je jedinečný. Stejně tak, pokud navštívíte stokrát, každý požadavek bude serverem považován za jedinečný. Vzhledem k tomu, že server přijímá každou sekundu mnoho požadavků, nezdá se ukládání informací o každém uživateli na serveru logické a samozřejmé. Pokud se nevrátíte, nemusí být stejné informace znovu potřeba. Proto je odeslán a uložen soubor cookie na vašem místním počítači, aby vás jednoznačně identifikoval. Při příštím stisknutí serveru obdržíte odpověď ze stejného serveru, protože vás rozpozná. Téměř každý server používá tento soubor cookie (některé výjimky dnes existují kvůli reklamám). Proto, i když můžete mít ve svém systému mnoho souborů cookie, server takové soubory cookie rozpozná a analyzuje.
Když byly soubory cookie poprvé vyvinuty, byly použity k lepšímu zážitku vývojáře. Zvažte návštěvu webu v jiném než vašem rodném jazyce (řekněme angličtině). V jazykové sekci webu si můžete vybrat angličtinu jako svůj jazyk. Pokud pětkrát navštívíte stejný web, může být nutné přepnout jazyk pětkrát denně. Tyto údaje jsou proto uloženy v cookie ve vašem systému. Tím je zajištěno, že server ví, že chcete web zobrazit v angličtině při příštím odeslání požadavku. Cookies jsou v tomto ohledu životně důležité. Dnes používané soubory cookie měřítka jsou mnohem menší než ve výše uvedeném příkladu.

obrázek cookies
Rozdíl mezi místním úložištěm a úložištěm relací , A sušenky
| Místní úložiště | Úložiště relace | Soubory cookie |
|---|---|---|
| Úložná kapacita místního úložiště je 5 MB/10 MB | Kapacita úložiště relace je 5 MB | Úložná kapacita cookies je 4KB |
| Protože není založen na relaci, musí být odstraněn pomocí javascriptu nebo ručně | Je založen na relaci a funguje pro okno nebo kartu. To znamená, že data jsou uložena pouze po dobu trvání relace, tj. do zavření prohlížeče (nebo karty) | Platnost souborů cookie vyprší na základě nastavení a fungování na kartě a okně |
| Klient může číst a zapisovat místní úložiště | Klient může číst a zapisovat místní úložiště | Jak klienti, tak servery mohou číst a zapisovat soubory cookie |
| Nedochází k přenosu dat na server | Nedochází k přenosu dat na server | Přenos dat na server existuje |
| Podporováno všemi prohlížeči, včetně starších. | Podporováno všemi prohlížeči, včetně starších | Je podporován všemi prohlížeči včetně starších prohlížečů |