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.
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter