Cookies i emmagatzematge local: quina diferència hi ha?

Cookies: una imatge de rawpixel a Unsplash

Durant molt de temps, les cookies són la manera principal d’emmagatzemar informació sobre els usuaris que visiten la seva aplicació o lloc web. S’utilitzen per registrar articles d’estat, com ara articles del carretó de la compra o opcions modificades per l’usuari. També s’utilitzen per recordar els hàbits de navegació dels usuaris o per guardar l’inici de sessió quan navegueu de pàgina a pàgina. A continuació, HTML5 va aparèixer a l'escena i va introduir LocalStorage com una altra opció per emmagatzemar dades. Aquest nou objecte Javascript (així com SessionStorage) té una mida molt més gran que les galetes de 5 MB. En aquest article, comparem i comparem les cookies i LocalStorage.

Cookies: petites però potents En primer lloc, comencem amb informació bàsica sobre les cookies. També veurem els seus pros i contres. Llavors, què són les cookies? Segons Whatarecookies.com, es tracta de petits fitxers de text col·locats a l’ordinador de l’usuari pel lloc web. Tenen una capacitat màxima de 4KB per a quantitats molt petites de dades. Les cookies s’utilitzen de diverses maneres, com per exemple, per emmagatzemar pàgines visitades o en credencials d’inici de sessió. Es limiten al fet que poden emmagatzemar cables.

La majoria dels llocs web segurs utilitzen cookies per autenticar-se després de iniciar la sessió per evitar que torni a introduir la informació personal a cada pàgina. Un altre ús de les cookies consisteix en personalitzar o personalitzar l’experiència de l’usuari en funció de l’historial de navegació limitat d’aquest lloc.

Dos tipus de galetes - foto d'Alia Nadia a Unsplash

Dos tipus de cookies Hi ha dos tipus de cookies: cookies persistents i cookies de sessió. Les cookies de sessió no especifiquen la data de caducitat. En canvi, s’emmagatzemen fins que s’obre el navegador o la pestanya. Desapareixeran completament quan el navegador estigui tancat. Aquest tipus de galetes es poden utilitzar per emmagatzemar la informació personal de l’usuari a mesura que es navega al seu lloc web.

Les cookies permanents tenen una data de caducitat. Aquestes cookies s’emmagatzemen al disc de l’usuari fins a la data de caducitat i s’eliminen definitivament. Es poden utilitzar per a altres activitats, com ara l'enregistrament d'hàbits dels usuaris en un lloc web determinat, per personalitzar les seves experiències personals.

Macbook és una foto rawpixel a Unsplash

LocalStorage: una solució més permanent Després de la publicació de HTML5, molts tipus de cookies han estat substituïts per l’ús de localStorage. Això es deu al fet que LocalStorage té molts avantatges respecte a les cookies. Una de les diferències més importants és que, a diferència de les cookies, la informació no ha d’enviar-se enrere i cap endavant amb cada sol·licitud HTTP. D’aquesta manera es redueix el trànsit total entre el client i el servidor i la capacitat de cancel·lació. Això es deu al fet que les dades s’emmagatzemen al disc de l’usuari i no es poden eliminar ni esborrar quan es perd la connexió a Internet. A més, com s'ha esmentat anteriorment, LocalStorage pot tenir 5MB de dades. Es tracta de més de 4 KB que contenen cookies.

LocalStorage s’assembla a cookies permanents quan caduca. Si no el netegeu Javascript, les dades no s’eliminaran automàticament. Això pot ser bo per a grans volums de dades que s’han de guardar durant molt de temps. També amb LocalStorage, no només podeu guardar files, sinó també primers i objectes Javascript.

Gent que visita el lloc web - Foto de John Schnobrich a Unsplash

Ús de LocalStorage Al curs de desenvolupament de llocs web, hem parlat de la superioritat de LocalStorage sobre les cookies. Un exemple d’un bon ús de LocalStorage es pot trobar en una aplicació que s’utilitza en zones on no hi ha connexió a Internet. El meu professor de curs, Dani Roxbury, ha creat prèviament aquest programari i ha utilitzat LocalStorage per protegir i emmagatzemar les dades recollides en WiFi local o en connexions de dades.

Per fer-ho bé, LocalStorage havia de tenir un risc molt baix de dades emmagatzemades en aquesta situació. Per protegir la privadesa del client, el millor és carregar dades i eliminar la versió emmagatzemada localment quan s'ha establert la connexió. També és útil per xifrar les dades emmagatzemades perquè no es trenquin fàcilment. A la discussió de classe, també vam trobar que les dades extremadament vulnerables, com ara les dades financeres, no es guarden o mantenen adequadament mitjançant LocalStorage.

Conclusió Si bé aquestes opcions d’emmagatzematge tenen pros i contres, ambdues tenen aplicacions pràctiques en la producció web moderna. Les cookies són més petites i retornen informació del servidor amb cada sol·licitud HTTP, mentre que LocalStorage pot emmagatzemar dades en un costat més gran i client.

Quan implementeu el vostre proper programa, penseu en aquests usos diferents i decidiu quin tipus d’emmagatzematge us convé més.

Aquesta història es publicarà a The Startup, la major publicació empresarial a Àsia Central, amb 3.090.426 persones.

Subscriviu-vos per obtenir els nostres millors esdeveniments.