Relace a místní úložiště jsou metody úložiště prohlížeče, které vám umožňují ukládat data spolu s bezstavovými požadavky HTTP. Jsou alternativou k ukládání založenému na souborech cookie a mají mnoho využití při vývoji webu.

I když fungují velmi podobným způsobem, existují významné rozdíly, kterých byste si měli být vědomi.

Místní úložiště a úložiště relací: Jaké jsou jejich použití?

Místní úložiště a úložiště relací jsou rozhraní JavaScript API, která můžete použít k ukládání dat na straně klienta. Umožňují webové stránce ukládat data do prohlížeče a přikazují prohlížeči, aby k nim později přistoupil.

V závislosti na vašich potřebách můžete k ukládání dat použít místní úložiště nebo úložiště relací. Oba způsoby ukládání jsou podobné souborům cookie, ale bez nich stejné soukromí se týká i souborů cookie. Většina moderních webových stránek proto raději používá pouze metody webového ukládání nebo je kombinuje se soubory cookie jako záložní.

Na rozdíl od souborů cookie místní úložiště a úložiště relací neposílají data na server prostřednictvím HTTP hlaviček. Měli byste je používat pouze pro funkce na straně klienta.

instagram viewer

Kromě toho má místní úložiště a úložiště relace každý limit úložiště přibližně 5 MB na doménu. Poskytují více úložného prostoru než soubory cookie, které mají kapacitu pouze 4 kB na soubor cookie.

Co je úložiště relace?

Relace procházení přibližně odpovídá vašemu používání webové stránky. Pokud navštívíte web, chvíli ho prohlížíte a poté vypnete počítač, můžete si to představit jako jednu relaci. Konfigurace vašeho prohlížeče to může jemnými způsoby změnit, ale relace má za cíl reprezentovat část času, kdy interagujete s webem.

Úložiště relací je jedinečné pro každou kartu prohlížeče. Pokud otevřete novou kartu a přejdete na stejný web, zahájíte novou relaci s vlastním úložištěm. Pokud však ve svém prohlížeči použijete funkci „duplicitní karta“, může to znovu použít stejnou relaci. Na konkrétní detaily „sezení“ se nelze příliš spoléhat. Místo toho se zaměřte na základní koncept: úložiště relace je dočasné.

Úložiště relací má vestavěné metody API pro práci s daty páru klíč/hodnota. Můžete ukládat data z JavaScript jako tak:

sessionStorage.setItem("klíč", "hodnota");

A pro načtení uložené hodnoty:

sessionStorage.getItem("klíč");

Všimněte si, že obojí klíč a hodnota jsou pouze typy řetězců. Pokud chcete uložit jiný typ, budete jej muset převést na řetězec, explicitně nebo implicitně.

Co je místní úložiště?

Místní úložiště uchovává data ve všech instancích webu, ať už jsou na různých kartách nebo oknech. Je také trvalé, takže data po zavření prohlížeče nezmizí.

Když otevřete web, který dříve používal místní úložiště, bude mít vždy přístup k uloženým datům.

Jako webový vývojář můžete tento mechanismus použít k uchování dat o uživateli. Některé weby to mohou používat k tomu, abyste zůstali přihlášeni nebo aby vám poskytovaly personalizovanější prostředí.

Podobně jako úložiště relace můžete objekt místního úložiště nastavit pomocí jednoho řádku kódu JavaScript:

localStorage.setItem("klíč", "hodnota");

Chcete-li získat přístup k hodnotě klíče:

localStorage.getItem("klíč");

Všimněte si, že tyto metody fungují stejným způsobem jako úložiště relací, jen používají jiný typ úložiště dat.

Zatímco úložiště relace vymaže data, jakmile relace skončí, jediným způsobem, jak vymazat místní úložiště, je explicitně je odstranit. Oba typy úložiště nabízejí dva způsoby vymazání dat. První odstraní konkrétní položku dat na základě jejího klíče:

localStorage.removeItem("klíč");

Můžete také odstranit všechna data uložená na vašem webu bez ohledu na jeho klíč:

localStorage.clear();

Více o těchto metodách rozhraní API pro webové úložiště se můžete dozvědět na javascript.info webová stránka.

Kdy potřebujete místní úložiště?

Vzhledem k tomu, že místní úložiště je trvalé, je nejlepším řešením uchovávat data během návštěv uživatelů. Pokud chcete ukládat předvolby webu nebo do mezipaměti dlouhodobá data, je vhodné místní úložiště. Možná nebudete chtít ukládat citlivější data pomocí místního úložiště, protože je trvalé.

Protože místní úložiště a úložiště relací jsou metody front-end, možná se budete chtít vyhnout jejich použití pro funkce založené na serveru, jako je přihlášení uživatele. V těchto případech můžete jako alternativu zvážit soubory cookie.

Kdy potřebujete úložiště relace?

Pokud si přejete ukládat data pouze během interakce uživatele s vaším webem, pak je ideální úložiště relace. Může to být pro krátkodobé ukládání do mezipaměti nebo údaje o využití o konkrétní návštěvě vašeho webu.

Úložiště relací je lepší pro ukládání citlivějších informací, protože jeho platnost vyprší.

Místní úložiště vs. Úložiště relací: Které je bezpečnější?

Jak jste viděli, metody místního ukládání a ukládání relací jsou v mnoha ohledech podobné, ale stále mají přizpůsobené případy použití. Ani jedno byste neměli považovat za bezpečné, protože se jedná o přední technologie, ke kterým má JavaScript přístup. Ukládání relací je však velmi pohodlné a jeho dočasný charakter je uklidňující.

Místní úložiště je trvalé, takže může představovat další bezpečnostní problémy. Každý, kdo otevře prohlížeč, může teoreticky přistupovat k místnímu úložišti. Měli byste si být vědomi jak útoky XSS fungují a jak jim předcházet.

Místní úložiště nebo úložiště relací: Které byste měli použít?

Ukládání relací je o něco bezpečnější díky své dočasné povaze. Výběr způsobu webového úložiště však závisí na vašich požadavcích. Úložiště JavaScriptu je nejvhodnější pouze pro použití na straně klienta. Nabízí však pohodlné úložiště dat založené na prohlížeči a velmi snadno se používá.

Pamatujte, že zatímco místní úložiště ukládá data na několika kartách, úložiště relace je většinou jedinečné pro každou kartu. Měli byste zajistit, aby vaše aplikace vytvářela co nejméně předpokladů a vyhovovala okrajovým případům.

Soubory cookie jsou starší formou perzistence dat, ale stále se velmi často používají. Možná budete chtít vyhledat data, která potřebujete přenést na server.