Plugin para las Cookies en JavaScript

25-08-2017 - Andrés Cruz

Plugin para las Cookies en JavaScript In english

Este material forma parte de mi curso y libro completo; puedes adquirirlos desde el apartado de libros y/o cursos.

Hace varias entradas anteriores hablamos sobre el uso de las Cookies empleando JavaScript nativo:

Primeros pasos con las Cookies en JavaScript

Lo cual es un esquema bastante útil para sitios pequeños que no empleemos muchas librerías y/o que queramos realizar pocos guardados en las cookies; lo problemático que tiene de trabajar con Cookies de manera nativa es que puede ser complejo o volverse un verdadero lío cuando nos ponemos a actualizar variables, manejar muchas variables o varias consultas a las Cookies y esto es precisamente a la forma en que están guardadas que es netamente un String separados por punto y coma (,).

Para evitar el problema anterior podemos emplear un plugin que nos quite toda esta complejidad y en esta entrada veremos cómo emplear el plugin: JavaScript Cookie que nos permite trabajar fácilmente con las Cookies en JavaScript.

Como puedes ver en el código fuente, el plugin es realmente pequeño lo que significa que el impacto en carga para nuestro sitio web es mínimo.

Primeros pasos con JavaScript Cookie

Una vez que incluyamos el JavaScript anterior, su uso es realmente fácil; basta con emplear la variable Cookies de la siguiente manera para guardar un valor dentro de una Cookie:

Cookies.set('name', 'value');

Para crear una Cookie con el valorvalue, y como todo método set() tiene su get(), para obtener el valor anterior tenemos:

Cookies.get('name'); // => 'value'

Establecer duración de la cookie:

Si queremos establecer un tiempo de vida de la cookie; por ejemplo 7 días:

Cookies.set('name', 'value', { expires: 7 });

Eliminar una cookie:

Por último, para remover una Cookie:

Cookies.remove('name');

Estos son los métodos principales, de igual manera puedes consultar la documentación oficial en el enlace a github al principio de esta entrada.


Andrés Cruz
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz en Udemy

Acepto recibir anuncios de interes sobre este Blog.

Conozca nuestros cursos sobre Laravel, CodeIgniter, Flutter, Electron, Django, Flask y muchos más!

Ver los cursos
¡Hazte afiliado en Gumroad!

!Cursos desde!

4$

En Academia

Ver los cursos

!Libros desde!

1$

Ver los libros
!Web Alojada en Hostinger!