Como usar Cookies en Javascript


Las cookies estan tienen un gran valor para los sitios web, ya que almacenan información del usuario en el navegador, informacion como preferencias, idioma, paginas visitadas, etc.

Las Cookies son informacion dentro de una pagina web o aplicacion web que se considera publica y es posible acceder a los valores de las cookies mediante por ejemplo la consola del navegador, pero esto lo veremos mas adelante.

Las cookies se crean con muchas finalidades principalmente la persistencia de datos, ya que las cookies pueden estar activas todo el tiempo mientras navegamos una pagina web, incluso si cambiamos de pagina pero seguimos en el mismo dominio “.com” las cookies pueden ser leidas y/o manipuladas.

Cookies en Javascript

Las cookies en javascript se almacenan en forma de string en una variable global cookie.

document.cookie

Las cookies son simples datos clave=valor , donde clave es una especie de identificador y valor es el contenido de la variable.

Crear una cookie

Para crear una cookie simplemente vamos y asignamos un valor a la variable document.cookie.

document.cookie = "clave=valor";

Las cookie se deben crear en una variable de texto, donde la clave va primero, despues el simbolo de igualdad y despues el valor.

Eliminar una cookie

Para eliminar una cookie debemos hacer como si creamos una cookie con el mismo valor clave pero sin valor es decir algo asi.

document.cookie = "clave=";

Obtener el valor de una Cookie

Para obtener el valor guardado de una cookie, no hay una funcion javascript nativa, mas sin embargo la podemos crear, la siguiente funcion obtiene el valor de una cookie usando el nombre de la cookie.

function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

Con la funcion getCookie usamos el nombre de la cookie y nos devolvera el valor.

document.cookie = "mycookie=abcdefg"
console.log( getCookie('mycookie') ); /// abcdefg

Y listo ya con esto podemos empezar a usar las cookies en nuestras aplicaciones web.

Leave a comment