A diferença entre cookies de sessão, sessionStorage e localStorage

fundo

Antes do html5 ser lançado, o cookie-straight era usado como um método de armazenamento local. Posteriormente, o html5 fornece uma função de salvar dados localmente no cliente. É o armazenamento da Web. Especificamente, o armazenamento da Web é dividido em dois tipos: localStorage e sessionStotage armazenam dados no cliente. O objetivo do WebStorage é superar o uso de cookies. Algumas restrições surgem, quando os dados precisam ser estritamente controlados no cliente, não há necessidade de enviar continuamente os dados de volta ao servidor.

biscoito

Cookie English Os cookies, como o nome sugere, devem ter um tamanho muito pequeno. O cookie é muito pequeno. Seu tamanho é limitado a cerca de 4 kb . Foi inventado em 1993 por um ex-funcionário da Netscape. É usado principalmente para salvar informações de login.Por exemplo, você pode ver a senha lembrada ao fazer login em um determinado mercado de site da Web. Isso é feito armazenando um pedaço de dados para identificar a identidade do usuário em um cookie.

localStorage

LocalStorage é uma nova tecnologia adicionada ao padrão HTML 5. Claro, já na era IE6, havia uma coisa userData para armazenamento local.Naquela época, considerando a compatibilidade do navegador, uma solução mais geral era usar flash. Hoje, localStorage é compatível com a maioria dos navegadores.

sessionStorage

SessionStorage é semelhante à conexão de localStorage, mas o ciclo de vida dos dados salvos é diferente daquele de localStorage.Qualquer pessoa que trabalhou no backend conhece a palavra Session, que se traduz em sessão. O sessionStorage é um conceito de front-end. Ele só pode salvar parte dos dados na sessão atual e os dados da página atualizada ainda existem. Mas depois que a página for fechada, os dados em sessionStorage serão apagados.

Comparação de cookie e webStorage

1. 
   Os cookies com diferentes ciclos de vida nos dados são geralmente gerados pelo servidor e o tempo de expiração pode ser definido.Se um cookie for gerado no navegador, ele irá expirar após ser fechado por padrão. LocalStorage será armazenado permanentemente, a menos que seja permanentemente apagado.
   sessionStorage será válido apenas na sessão atual e será limpo após fechar a página ou navegador
2. O tamanho dos dados armazenados é diferente
   . Cookies - geralmente 4kb,
   localStorage e sessionStorage são geralmente 5M ou maiores
3. Ao contrário da comunicação do lado do servidor, os
   cookies carregam cabeçalhos HTTP todas as vezes. Se os cookies forem usados ​​para armazenar muitos dados, isso causará problemas de desempenho.
   LocalStorage e sessionStorage são armazenados apenas no cliente (ou seja, navegador) e não participam da comunicação com o servidor.
4. 
   SessionStorage não é compartilhado em janelas de navegador diferentes com escopos diferentes, mesmo se for a mesma página;
   armazenamento local é compartilhado em todas as janelas da mesma origem; isto é, enquanto o navegador não estiver fechado, os dados ainda existem em o
   cookie: também em todas as mesmas fontes As janelas são todas compartilhadas. Em outras palavras, enquanto o navegador não estiver fechado, os dados ainda existirão

sessão

É uma estrutura de dados salva no servidor para rastrear o status dos usuários. Esses dados podem ser salvos em clusters, bancos de dados e arquivos

Comparação de cookie e sessão:

• Os dados do cookie são armazenados no navegador do cliente e os dados da sessão são armazenados no servidor
• Os cookies não são muito seguros. Outros podem analisar os cookies armazenados localmente e realizar spoofing de cookies. Por motivos de segurança, a sessão deve ser usada. A autenticação do usuário geralmente usa sessão nesta situação
• A sessão é armazenada no servidor, e o cliente não conhece a informação, pelo contrário, o cookie é armazenado no cliente e o servidor pode saber a informação.
• A sessão ficará guardada no servidor por um determinado período de tempo. Quando o número de visitas aumentar, irá ocupar o desempenho do seu servidor. Considerando a redução do desempenho do servidor, devem ser utilizados cookies
• Os objetos são armazenados na sessão e as strings são armazenadas no cookie
• As sessões não podem distinguir caminhos. Durante a visita de um mesmo usuário a um site, todas as sessões podem ser acessadas de qualquer lugar e, se o parâmetro de caminho estiver definido no cookie, os cookies em caminhos diferentes no mesmo site não podem ser acessados ​​uns dos outros. de
• Cookie: É um mecanismo para o cliente guardar as informações do utilizador, serve para registar algumas informações do utilizador e também é uma forma de implementar a Session.

* Analogia de imagem ~~~~ *

A comunicação entre o cliente e o servidor pode ser entendida simplesmente da seguinte forma: Por exemplo, quando você sente que um determinado palestrante está falando muito bem em um salão de compartilhamento de tecnologia, você faz algumas perguntas a ele após a reunião, e ele lhe dará essas perguntas. Respondido, esta é uma conversa. Mas o palestrante era muito popular, então a equipe coletou as perguntas e deu a cada questionador uma placa com o número. O palestrante deu as respostas correspondentes de acordo com a placa e disse à pessoa correspondente. É isso aí Session. Depois de um tempo, quando você encontra esse palestrante novamente, ele descobre que você tem a resposta que lhe respondeu da última vez, sabendo que você é o programador estudioso. Então você está em êxtase, uau, o palestrante realmente me reconheceu, esta é a Cookiesua pequena sobremesa. O cliente é como um entusiasta da tecnologia que ouve uma palestra, e o servidor é o palestrante.