Cookies vs Session Storage vs Local Storage

Clase 11 de 39 • Curso de Autenticación con Passport.js 2019

Resumen

El Local Storage tiene un almacenamiento máximo de 5MB y la información no se va con cada request al servidor, la información va a persistir aunque cerremos el navegador.

El Session Storage es similar al Local Storage solo que la información está disponible por pestaña o por la ventana del navegador. La información estará disponible solo en esa pestaña.

Las Cookies tienen solo un almacenamiento de 4KB, se les puede establecer un tiempo de expiración, la desventaja de usarlo es que al hacer request de imágenes o datos las cookies van junto con la petición.

Si la información no es sensible podemos almacenarla en Local Storage o en Session Storage.

Marco Luna

student•

Para la respuesta del challenge, la mejor opción es usar Cookies. Viendo un ejemplo me puse a rascar (indagar) un poco que hace Facebook. Vi que en local storage y en session storage prácticamente guarda elementos que tienen que ver con el comportamiento del sitio. En local almacenaba, por ejemplo, el archivo de sonido de notificaciones, mientras que en session storage guarda el id de la pestaña que has abierto. En cambio, las cookies se encuentran los datos sensibles, obvio cifrados para que solo puedan verse desde el server.

Geovanny G. Arguello Costta

student•

Implementaría cookies, la información del usuario que se puede ver comprometida debe manejarse en el servidor, además podemos darle un tiempo de vida a la cookie.

agrego una lectura de MDN. https://developer.mozilla.org/en-US/docs/Web/HTTP/Cookies

Diego Francisco Luna Lopez

student•

Yo usuario cookies🥠 para la información sensible , por que tienen expiración y se pueden hacer seguras con un flag,

Y usaría Session Storage, para configuración de la aplicación.

Manuel Ojeda

student•

Cookies, simplemente el hacer un inicio de sesión ya es información sensible que debe de ser resguardado.

Emanuel Catriquil

student•

Utilizaría cookies con el flag httpOnly porque como se vio en la clase es indicada para almacenar datos muy sensibles. Ademas de su peso reducido, al indicar el flag se permite que solo el servidor acceda y modifique los datos, evitando por ejemplo ataques XSS, como indica la documentacion de MDN:

Emanuel Catriquil

student•

https://developer.mozilla.org/es/docs/Web/HTTP/Cookies

Pablo Verduzco

student•

Cookies. Almacenar informacion muy sensible. . Lacal Storage - Session Storage. Almacenar informacion NO sensible. . Session Storage. Almacenar datos medianamente sensibles. .

Imelda Antonia Barrios Morales

student•

Challenge. Es tema un poco debatido porque no todos los usuarios que harán uso de la aplicación quiere dejar en cookies su historia y parte en últimos meses se ha abierto un debate en Europa por uso sin consentimiento de cookies que aunque no acepten su uso siempre se realiza.

Son muchos factores a tomar en cuenta, porque si la plataforma será usando en diferentes países, lo primero es verificar que se cumplan con las leyes de ciber seguridad y así garantizar un adecuado uso de la información que el usuario desea compartir.

En lo personal he usado Local Storage, Session Storage y Cookies porque han sido plataforma dentro de una misma red ya que se tiene un control mas estricto con ciber seguridad y añadiendo reglas que se siguen

Alejandro González Reyes

student•

Yo lo haría en cookies, pero que sean de session. Tener la referencia del ID en la cookie, pero la data en una variable de session del lado del servidor

Michael Merchan

student•

Para un desarrollo de aplicacion movil donde deberia de guardar mi token?

Wandy Rafael Santana Evangelista

student•

Hola Devs: Aqui tienen una pequena lectura sobre: Cookies, sessionStorage y localStorage: Click Aqui

Pablo Domínguez Durán

student•

Las opciones de web storage son suceptibles a ataques de Cross Site Scripting. En determinado caso cualquiera podría obtener el token, mandarlo a un servidor remoto con fetch API y hacerse pasar por el usuario u obtener información sensible.

Cookies con httpOnly aunque más engorroso, es la mejor opción. Se puede usar Local Storage (más fácil de implementar) durante el desarrollo y después cambiar a Cookies :)

Deyvis Neyser Valdez Gavilan

student•

Utilizaría Cookies, ya que la información a almacenar es sensible, como nombres de usuario, contraseñas, datos que le permitan autentificar al usuario.

Matias Sebastian Perez

student•

Yo implementaria la autenticacion en las cookies

Marina Iglesia

student•

Si la información es sensible es recomendable almacenarla en las Cookies.

rusbel bermúdez rivera

student•

Utilizaría Cookies con flag httpOnly, ya que sería necesario manejar información sensible del usuario,

Alberto D. Sosa

student•

Me sumo al comentario del compañero para no redundar.

John Botero

student•

Para autenticación lo ideal entre las buenas prácticas es usar cookies con el flag httpOnly.

Luis Berenguer

student•

Cuál es el almacenamiento máximo del Session Storage? (Para Local es 5MB)

Jesus Adrian Berrio Valdes

student•

Esto como se relaciona con el manejo de estados en react, recuerdo que usábamos el state para guardar información del usuario, el local storage es igual al state?

Francisco Ponce

student•

Hola Jesús

No como tal, esto va con conceptos enfocados al manejo de la aplicación, si en algún momento el navegador de refresca (por ejemplo). Como tal en estos momentos perderíamos el estado en nuestro navegador pero con el local storage/caché/cookie podríamos preservarlo si es que sucede algún evento de este tipo en nuestra aplicación y manejarlo en un useEffect para leer datos desde el caché.

Te dejo una lectura que puede ayudarte a entender mejor estos conceptos.

José Marquínez

student•

Yo usaría cookies, para que esté solamente disponible del lado del servidor, partiendo directamente porque lo que estamos guardando es información altamente sensitiva de la autenticación de la sesión, y no queremos que esté disponible del lado del cliente.

Luis Berenguer

student•

Si fuera a implementar una autenticación probablemente usaría cookies, porque se van a enviar usuario y contraseña. Y el profesor dijo que las cookies se utilizan para enviar datos sensibles. La información iría encriptada, con un tiempo de expiración y con la flag "HttpOnly" solamente el servidor podría descifrarla (al menos eso es lo que entiendo por ahora)