DesarrolloLibre

Desarrollo Web, Android, juegos y mucho más

Categorias
25-08-2017

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.


Publicidad

Give me for a beer!

Algunos recursos que te pueden interesar

Circunferencia animada con Canvas

Circunferencia animada con Canvas

Esfera de agrupación

Esfera de agrupación

Árbol arcoíris creciente

Árbol arcoíris creciente

Algunos artículos que te pueden interesar

Cómo crear anillos de circulos en JavaScript y Canvas

Cómo crear anillos de circulos en JavaScript y Canvas

En esta entrada veremos cómo crear un sistema sencillo de anillos de círculos con Canvas y JavaScript; para esto se hará uso de la función requestAnimationFrame() y animar el Canvas.

Andrés Cruz 16-11-2015

Creando un archivo descargable con JavaScript

Creando un archivo descargable con JavaScript

En esta entrada veremos como generar un archivo a partir de un contenido de un campo de texto para su descarga en un archivo de texto plano.

Andrés Cruz 04-12-2014

Recortes de imágenes con HTML5 y jQuery

Recortes de imágenes con HTML5 y jQuery

En este artículo veremos cómo recortar imágenes y guardarlas en nuestra computadora o dispositivo móvil con HTML5 y jQuery.

Andrés Cruz 07-05-2014