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: