Ads Top

Qual a Diferença entre Cookie, localStorage e sessionStorage

Cookie, localStorage e sessionStorage são tecnologias que servem para armazenar dados no computador do usuário. A criação desses dados são feitas pelos aplicativos web, como por exemplo websites, e tudo acontece através dos navegadores. Mas nesse artigo vou focar na diferença entre cookie, localStorage e sessionStorage.

Cookies

Cookies podem ser criados com uma linguagem server side (do lado do servidor web) como o PHP, ou com uma tecnologia client side (do lado do cliente) como o javascript.

Exemplo de Criação de Cookie com PHP:

setcookie("afiliado_php","007");

Aqui foi criado um cookie chamado afiliado_php com o valor 007.

Exemplo de criação de Cookie com Javascript:

document.cookie = "afiliado_js=007";  

Aqui foi criado um cookie chamado afiliado_js com o valor 007.

Uma vez gravado o cookie no computador do usuário — seja via php ou javascript — as novas conexões com o site levarão esse cookie no cabeçalho. Então poderá ser recuperado no servidor o valor desse cookie. Veja um exemplo em PHP:

echo $_COOKIE["afiliado_php"]??'';
echo $_COOKIE["afiliado_js"]?'';

LocalStorage e SessionStorage

Diferente da tecnologia dos cookies, uma webstorage é criada apenas via client-side, ou seja, no navegador. A tecnologia para você guardar um valor via localStorage ou sessionStorage é o javascript. Veja os exemplos:

<script>
     localStorage.setItem('afiliado', '007');
     sessionStorage.setItem('afiliado','007');
</script>

Nesse caso, basta por esse código em alguma página html e abri-la em algum navegador para que sejam criadas e armazenadas as informações afiliado no nível localStorage e sessionStorage. Mas qual a diferença entre localStorage e SessionStorage?

A diferença é que a sessionStorage só existirá enquando o navegador estiver aberto. Uma vez que o navegador é fechado, esse valor deixa de existir. Já o localStorage fica armazenado mesmo após fechar o navegador, podendo ser recuperado posteriormente via javascript.

Para recuperar o valores de sessionStorage e localStorage via javascript é muito simples, veja abaixo:

console.log(localStorage.getItem("afiliado"););
console.log(sessionStorage.getItem("afiliado");)

Como recuperar valor de localStorage no Servidor via PHP

Então, para fazer isso existem diversas maneiras, uma das mais simples é você criar um input oculto “hidden”, ler o valor de localStorage via javascript e atribuir esse valor ao input oculto que você criou. Assim sendo, essa informação poderá ser capturada no Servidor usando o $_POST[“afiliado”] ou $_GET[“afiliado”], dependendo do método que você configurou o seu formulário.

Na próxima semana farei mais um review com depoimento e resenha sobre Qual a Diferença entre Cookie, localStorage e sessionStorage.

Espero ter ajudado a esclarecer o que é, como usar, se funciona e se vale a pena mesmo Qual a Diferença entre Cookie, localStorage e sessionStorage. Se você tiver alguma dúvida ou quiser adicionar algum comentário deixe abaixo.

Nenhum comentário:

Tecnologia do Blogger.