Soubory cookie a LocalStorage: Jaký je rozdíl?

Cookies - obrázek rawpixel v Unsplash

Soubory cookie jsou po dlouhou dobu hlavním způsobem ukládání informací o uživatelích, kteří navštíví vaši aplikaci nebo web. Používají se k záznamu stavových položek, jako jsou položky nákupního košíku nebo uživatelem upravené možnosti. Používají se také k zapamatování návyků při procházení uživatele nebo k uložení přihlašování při navigaci ze stránky na stránku. Poté se ve scéně objevil HTML5 a představil LocalStorage jako další možnost ukládání dat. Tento nový objekt Javascript (stejně jako SessionStorage) má mnohem větší velikost než soubory 5 MB. V tomto článku porovnáme a porovnáme soubory cookie a LocalStorage.

Cookies - malé, ale výkonné Nejprve si začneme základními informacemi o cookies. Také se podíváme na jejich klady a zápory. Co jsou to cookies? Podle Whatarecookies.com se jedná o malé textové soubory umístěné na počítači uživatele pomocí webové stránky. Mají maximální kapacitu 4 kB pro velmi malé množství dat. Soubory cookie se používají různými způsoby, například při ukládání navštívených stránek nebo přihlašovacích údajů. Jsou omezeni tím, že mohou ukládat pouze kabely.

Většina zabezpečených webů používá cookies k autentizaci po přihlášení, aby se zabránilo opětovnému zadání jejich osobních údajů na každé stránce. Dalším využitím souborů cookie je přizpůsobení nebo přizpůsobení uživatelského prostředí na základě omezené historie prohlížení na tomto webu.

Dva typy cookies - foto Alia Nadia na Unsplash

Dva typy cookies Existují dva typy cookies: trvalé cookies a cookies relace. Soubory cookie relace neurčují datum vypršení platnosti. Místo toho se ukládají, dokud se neotevře prohlížeč nebo karta. Po zavření prohlížeče zmizí úplně. Tento typ souboru cookie lze použít k ukládání osobních údajů uživatele, když jsou navigováni na jeho webové stránky a jejich data jsou zapomenutá.

Trvalé soubory cookie mají datum vypršení platnosti. Tyto soubory cookie jsou uloženy na disku uživatele do data vypršení platnosti a jsou trvale odstraněny. Mohou být použity k sobě navzájem, například k zaznamenávání uživatelských návyků na konkrétních webových stránkách, k přizpůsobení jejich osobních zkušeností.

Macbook je rawpix fotografie na Unsplash

LocalStorage - trvalejší řešení Po vydání HTML5 bylo mnoho typů cookies nahrazeno použitím localStorage. Důvodem je, že LocalStorage má oproti cookies mnoho výhod. Jedním z nejdůležitějších rozdílů je to, že na rozdíl od souborů cookie nemusí být informace zasílány tam a zpět s každým požadavkem HTTP. Tím se sníží celkový přenos mezi klientem a serverem a schopnost zrušit. Důvodem je, že data jsou uložena na disku uživatele a nemohou být odstraněna nebo vymazána při ztrátě internetového připojení. Navíc, jak je uvedeno výše, LocalStorage může mít 5 MB dat. Jedná se o více než 4 kB, které obsahují soubory cookie.

LocalStorage vypadá po vypršení platnosti jako trvalé cookies. Pokud nebude skriptem Javascript vymazán, data nebudou automaticky odstraněna. To může být dobré pro velké objemy dat, které je třeba uložit po dlouhou dobu. S LocalStorage můžete ukládat nejen řádky, ale také primery a objekty Javascript.

Lidé navštěvující web - Fotografie od John Schnobrich on Unsplash

Použití LocalStorage V mém kurzu vývoje webových stránek jsme hovořili o nadřazenosti LocalStorage před soubory cookie. Příkladem dobrého využití LocalStorage může být aplikace, která se používá v oblastech, kde není připojení k internetu. Můj učitel kurzu, Dani Roxbury, již dříve vytvořil takový software a použil LocalStorage k ochraně a ukládání dat shromážděných v místních WiFi nebo datových připojeních.

Aby to bylo možné, LocalStorage musel mít velmi nízké riziko dat uložených v této situaci. Chcete-li chránit soukromí klienta, je nejlepší nahrát data a poté odstranit lokálně uloženou verzi po navázání připojení. Je také užitečné zašifrovat uložená data, aby se snadno nerozbila. V naší třídní diskusi jsme také zjistili, že extrémně zranitelná data, jako jsou finanční údaje, nejsou pomocí LocalStorage správně uložena nebo udržována.

Závěr Ačkoli tyto možnosti úložiště mají klady a zápory, obě mají praktické aplikace v moderní produkci webu. Cookies jsou menší a vracejí informace o serveru s každým požadavkem HTTP, zatímco LocalStorage může ukládat data na větší straně a na straně klienta.

Při provádění dalšího programu přemýšlejte o těchto různých použitích a rozhodněte se, který typ úložiště vám nejlépe vyhovuje.

Tento příběh bude publikován v The Startup, největší obchodní publikaci ve střední Asii, s 3 090 426 lidmi.

Přihlaste se k odběru našich nejlepších událostí.