localStorage vs sessionStorage vs cookies

Eu estou trabalhando em um aplicativo onde eu preciso manter alguns dados durante o usuário está logado e eu tenho essa pergunta, qual é a diferença entre localStorage, sessionStorage, cookies ???

Eu estava perguntando o que posso usar para persistir alguns dados no DOM, mesmo que o usuário atualize a página, algumas pessoas dizem: use sessionStorage, ou localStorage, então, alguém surgiu com a idéia de usar ngCookies porque funciona em cada navegador, mas, o que devo usar?

localStorage e sessionStorage são os chamados WebStorages e resources do HTML5.

localStorage armazena informações desde que o usuário não as exclua.

sessionStorage armazena informações contanto que a session avance. Geralmente, até o usuário fechar a guia / navegador.

cookies são simplesmente cookies, que são suportados por navegadores mais antigos e geralmente são um substituto para frameworks que usam os WebStorages mencionados acima.

Em contraste, os cookies podem armazenar muito menos informações do que os WebStorages e as informações em WebStorages nunca são transferidas para o servidor.

Tenha em mente que a UE tem um regulamento que exige que os sites informem seus usuários sobre o uso de cookies. Eu não sei se isso também se aplica a WebStorages

object sessionStorage: o object sessionStorage armazena dados apenas para uma session, o que significa que os dados são armazenados até que o navegador (ou a guia) seja fechado. não está disponível quando um arquivo é executado localmente.

Os dados armazenados no object sessionStorage são acessíveis somente a partir da página que inicialmente armazenou os dados; então isso não atende a sua exigência

Objeto localStorage: os dados armazenados usando o object localStorage são mantidos até que sejam especificamente removidos via JavaScript ou o usuário limpe o cache do navegador.

Os dados armazenados no object localStorage são acessíveis somente a partir do domínio que inicialmente armazenou os dados.

Para o seu caso, eu acho que você faz considerações sobre o uso de cookie ou session, pls. Observe que o cookie tem limitação de tamanho de 4K por servidor.

Além de outras respostas, os WebStorages não podem acessar subdomínio e / ou domínio pai.

localStorage: 1. Limite de dados: 5 MB 2. Dados enviados para cada solicitação de http: não

sessionStorage: 1. Limite de dados: 5 MB 2. Dados enviados para cada solicitação http: não 3. Os dados serão apagados assim que a janela ou guia for fechada

Eu diria, use localstorage / sessionStorage se os dados não forem sensíveis, use cookies

Os cookies são apenas manter dados de 4kbs e como tempo de expiração.

localStorage são cookies permanentes contém 4 MB de dados que serão excluídos quando o usuário limpar o cache