LocalStorage zamiast cookies

Data: 2017-11-22, autor: Michał Misztal

Cookies wciąż są chyba najpopularniejsze także większość witryn używa ich. Poza tym przestrzeń na magazyn danych jest limitowany. Można go oczywiście zwiększyć ale wiąże się to z interakcją użytkownika - w pewnym momencie przeglądarka może zaatakować użytkownika prośbą o zwiększenie przydziału.

Ale to właśnie jakoś localStorage bardziej do mnie przemawia. Jedynym minusem jest obsługa z JS (jakoś szczerze nienawidzę tego języka, kiedyś myślałem tworzyć aplikacje w Electronie ale JS, o matko).

Poza tym są same plusy. Nie trzeba zaprzęgać serwera do zarządzania ciastkami. Całość działa na komputerze użytkownika końcowego. Jest mniejsze niebezpieczeństwo wykradzenia danych. Niestety minusem jest brak możliwości zapisu tablicy. Jedną z możliwości jest format JSON i jego metody - stringify i parse.

Na przykład proste info o "ciachach" można zrobić z magazynem danych tak



if(localStorage.noCookie!=1){
  $("body").append("<div id='cookie' style='position:fixed;bottom:50px;text-align:center;background-color:brown;width:100%;padding:1em;'>Strona korzysta z mechanizmu Magazyn Danych. Jest to technologia działająca podobnie do cookies i ma na celu personalizację witryny. <a style='background-color:blue;letter-spacing:5px;cursor:pointer;'>Kliknij</a> by nie wyświetlać ponownie tego komunikatu.</div>");
}
    
$("body").on("click","#cookie>a",function(){
  localStorage.setItem("noCookie",1);
  $("#cookie").hide();
})

Kolejnym plusem jest zwięzłość. Jako, że przydział jest nieznaczny należy się zastanowić nad ilością przechowywanych danych.

Skomentuj lub zgłoś błąd

© Michał Misztal 2018