angularjs - localStorage vs sessionStorage vs cookies
angularjs localstorage (6)
Estoy trabajando en una aplicación donde necesito mantener algunos datos durante el inicio de sesión del usuario y tengo esa pregunta, ¿cuál es la diferencia entre localStorage, sessionStorage, cookies?
Estaba preguntando qué puedo usar para conservar algunos datos en el DOM, incluso si el usuario actualiza la página, algunas personas dicen: use sessionStorage o localStorage, entonces, a alguien se le ocurrió la idea de usar ngCookies porque funciona en cada navegador, pero, ¿cuál debo usar?
Además de otras respuestas, WebStorages no puede acceder al subdominio y / o al dominio principal.
Las cookies solo contienen datos de 4kbs y como tiempo de vencimiento.
localStorage son cookies permanentes que contienen 4 MB de datos que eliminará cuando el usuario borre el caché
localStorage: 1. Límite de datos: 5 MB 2. Datos enviados para cada solicitud http: no
sessionStorage: 1. Límite de datos: 5 MB 2. Datos enviados para cada solicitud http: no 3. Los datos se borrarán una vez que se cierre la ventana o pestaña
Yo diría, use localstorage / sessionStorage si los datos no son sensibles, de lo contrario use cookies
LocalStorage : almacena datos sin fecha de vencimiento y se borra solo a través de JavaScript o borrando la memoria caché del navegador / los datos almacenados localmente. El límite de almacenamiento es el máximo entre los tres.
SessionStorage : el objeto sessionStorage almacena datos solo para una sesión, lo que significa que los datos se almacenan hasta que se cierra el navegador (o pestaña). Los datos nunca se transfieren al servidor. El límite de almacenamiento es mayor que una cookie (al menos 5 MB).
Cookie : almacena datos que deben enviarse de vuelta al servidor con solicitudes posteriores. Su caducidad varía según el tipo y la duración de la caducidad se puede establecer desde el lado del servidor o del lado del cliente (normalmente desde el lado del servidor). Las cookies son principalmente para la lectura del lado del servidor (también se puede leer en el lado del cliente), localStorage y sessionStorage solo se pueden leer en el lado del cliente. El tamaño debe ser inferior a 4KB. Las cookies se pueden proteger estableciendo el indicador httpOnly como verdadero para esa cookie. Esto evita el acceso del lado del cliente a esa cookie.
localStorage y sessionStorage son ambos llamados WebStorages y características de HTML5.
localStorage almacena información siempre que el usuario no la elimine.
sessionStorage almacena información mientras dura la sesión. Por lo general, hasta que el usuario cierra la pestaña / navegador.
Las cookies son simplemente cookies, que son compatibles con navegadores antiguos y, por lo general, son una alternativa para los marcos que utilizan los WebStorages mencionados anteriormente .
Por el contrario, las cookies pueden almacenar mucha menos información que WebStorages y la información en WebStorages nunca se transfiere al servidor.
Tenga en cuenta que la UE tiene una regulación que exige que los sitios web informen a sus usuarios sobre el uso de cookies. No sé si esto también se aplica a WebStorages
objeto sessionStorage: el objeto sessionStorage almacena datos solo para una sesión, lo que significa que los datos se almacenan hasta que se cierra el navegador (o pestaña). no está disponible cuando un archivo se ejecuta localmente.
Los datos almacenados en el objeto sessionStorage solo son accesibles desde la página que inicialmente almacenó los datos; así que esto no cumple con sus requisitos
Objeto localStorage: los datos almacenados con el objeto localStorage se conservan hasta que se eliminen específicamente mediante JavaScript o el usuario borre la memoria caché del navegador.
Solo se puede acceder a los datos almacenados en el objeto localStorage desde el dominio que inicialmente almacenó los datos.
Para su caso, creo que debe considerar el uso de cookies o sesión, por favor. note que la cookie tiene una limitación de tamaño de 4K por servidor.