Evästeet ja LocalStorage: Mikä on ero?

Evästeet - Raakapikselin kuva Unsplashissa

Evästeet ovat pitkään tärkein tapa tallentaa tietoja käyttäjistä, jotka käyvät sovelluksessasi tai verkkosivustollasi. Niitä käytetään tilatuotteiden, kuten ostoskorin tai käyttäjän muokkaamien vaihtoehtojen, tallentamiseen. Niitä käytetään myös muistamaan käyttäjien selaustapoja tai tallentamaan sisäänkirjautumista navigoidessaan sivulta toiselle. Sitten HTML5 ilmestyi tapahtumapaikalle ja esitteli LocalStoragen toisena vaihtoehtona tietojen tallentamiseksi. Tämän uuden Javascript-objektin (samoin kuin SessionStorage) koko on paljon suurempi kuin 5 Mt: n evästeet. Tässä artikkelissa verrataan ja verrataan evästeitä ja LocalStoragea.

Evästeet - pieni, mutta voimakas Ensinnäkin aloitetaan evästeiden perustiedoista. Katsomme myös heidän hyviä ja huonoja puolia. Joten mitä evästeet ovat? Whatarecookies.com: n mukaan nämä ovat pieniä tekstitiedostoja, jotka verkkosivusto sijoittaa käyttäjän tietokoneelle. Niiden maksimikapasiteetti on 4 kt erittäin pienille tietomäärille. Evästeitä käytetään monin tavoin, kuten tallennettaessa vierailtuja sivuja tai kirjautumistietoja. Niitä rajoittaa se, että he voivat tallentaa vain kaapeleita.

Turvallisimmat verkkosivustot käyttävät evästeitä todentaakseen itsensä kirjautumisen jälkeen sisään estääkseen henkilökohtaisten tietojensa syöttämisen uudelleen jokaiselle sivulle. Toinen evästeiden käyttö on räätälöidä tai mukauttaa käyttökokemusta tämän sivuston rajoitetun selaushistorian perusteella.

Kaksi tyyppisiä evästeitä - kuva: Alia Nadia sivustolla Unsplash

Kaksi evästetyyppiä Erilaisia ​​evästeitä on kahta tyyppiä: pysyviä evästeitä ja istuntoevästeitä. Istuntoevästeet eivät määritä viimeistä voimassaolopäivää. Sen sijaan ne tallennetaan, kunnes selain tai välilehti avataan. Ne katoavat kokonaan, kun selain suljetaan. Tämän tyyppisiä evästeitä voidaan käyttää tallentamaan käyttäjän henkilökohtaisia ​​tietoja, kun hän navigoi heidän verkkosivustoilleen ja heidän tiedot unohtuvat.

Pysyvillä evästeillä on viimeinen voimassaolopäivä. Nämä evästeet tallennetaan käyttäjän levylle viimeiseen käyttöpäivään saakka ja poistetaan lopullisesti. Niitä voidaan käyttää toisiinsa liittyviin toimintoihin, kuten käyttäjän tottumusten tallentamiseen tietyllä verkkosivustolla, henkilökohtaisen kokemuksen mukauttamiseen.

Macbook on raakapikselivalokuva Unsplash-sovelluksessa

LocalStorage - pysyvämpi ratkaisu HTML5: n julkaisun jälkeen monen tyyppiset evästeet on korvattu localStorage-käytöllä. Tämä johtuu siitä, että LocalStoragella on monia etuja evästeisiin nähden. Yksi tärkeimmistä eroista on, että toisin kuin evästeet, tietoja ei tarvitse lähettää edestakaisin kunkin HTTP-pyynnön yhteydessä. Tämä vähentää asiakkaan ja palvelimen välistä kokonaisliikennettä ja peruuttamismahdollisuutta. Tämä johtuu siitä, että tiedot tallennetaan käyttäjän levylle, eikä niitä voida poistaa tai poistaa, kun Internet-yhteys katoaa. Lisäksi, kuten edellä mainittiin, LocalStoragella voi olla 5 Mt dataa. Tämä on enemmän kuin 4 kt, joka sisältää evästeitä.

LocalStorage näyttää pysyvältä evästeeltä, kun se vanhenee. Tietoja ei poisteta automaattisesti, jos Javascript ei poista niitä. Tämä voi olla hyödyllinen suurille tietomäärille, joita on säilytettävä pitkään. Lisäksi LocalStorage-sovelluksella voit tallentaa rivien lisäksi myös Javascript-alukkeita ja objekteja.

Sivustolla vierailevat ihmiset - kuva: John Schnobrich on Unsplash

LocalStorage -sovelluksen käyttö Verkkosivuston kehityskurssillamme puhuimme LocalStoragen paremmuudesta evästeiden kanssa. Esimerkki LocalStorage-sovelluksen hyvästä käytöstä voi olla sovellus, jota käytetään alueilla, joilla ei ole Internet-yhteyttä. Kurssinopettajani Dani Roxbury on aikaisemmin luonut tällaisen ohjelmiston ja käyttänyt LocalStorage -sovellusta paikallisella WiFi- tai datayhteydellä kerätyn tiedon suojaamiseen ja tallentamiseen.

Jotta tämä toimisi hyvin, LocalStorage-palvelimella oli oltava erittäin pieni riski tallentaa tietoja tässä tilanteessa. Asiakkaiden yksityisyyden suojaamiseksi on parasta ladata tietoja ja poistaa sitten paikallisesti tallennettu versio, kun yhteys on muodostettu. Tallennettujen tietojen salaus on myös hyödyllistä, jotta ne eivät rikkoudu helposti. Ryhmäkeskusteluissamme havaitsimme myös, että erittäin haavoittuvia tietoja, kuten taloudellisia tietoja, ei ole tallennettu tai ylläpidetty kunnolla LocalStorage-sovelluksella.

Johtopäätös Vaikka näillä tallennusvaihtoehdoilla on etuja ja haittoja, molemmilla on käytännön sovelluksia nykyaikaisessa web-tuotannossa. Evästeet ovat pienempiä ja palauttavat palvelintiedot jokaisella HTTP-pyynnöllä, kun taas LocalStorage voi tallentaa tietoja suuremmalle ja asiakaspuolelle.

Kun otat käyttöön seuraavaa ohjelmaa, ajattele näitä erilaisia ​​käyttötarkoituksia ja päätä, minkä tyyppinen säilytys sopii sinulle parhaiten.

Tämä tarina julkaistaan ​​Keski-Aasian suurimmassa yritysjulkaisussa The Startup, jossa on 3 090 426 ihmistä.

Tilaa saadaksesi parhaat tapahtumat.