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

Multiple.js para fundir nuestros fondos en HTML

Multiple.js para fundir nuestros fondos en HTML

Árbol arcoíris creciente

Árbol arcoíris creciente

Esfera de agrupación

Esfera de agrupación

Algunos artículos que te pueden interesar

Generando reportes PDFs con JavasCript

Generando reportes PDFs con JavasCript

La reportería es un tema fundamental que hay que llevar a cabo en cualquier sistema; querer importar datos desde una página web a otro formato como PDF es una tarea de lo más habitual que puede ser fácilmente realizado a través de librerías JavaScript.

Andrés Cruz 09-04-2015

Síntesis de voz con JavaScript nativo

Síntesis de voz con JavaScript nativo

En esta entrada se explicará cómo emplear la síntesis de voz en JavaScript que forma parte de la Web Speech API.

Andrés Cruz 10-12-2015

La API Battery (Batería) en HTML5

La API Battery (Batería) en HTML5

La API de la batería en JavaScript provee información sobre el nivel de carga actual del dispositivo.

Andrés Cruz 17-11-2014