“Trabajando con cookies en Angular 15: Conoce ngx-cookie-service”

¡Hola a todos!

Hoy quiero hablarles sobre una excelente librería para Angular llamada “ngx-cookie-service”. Esta librería nos permite trabajar con cookies de una manera sencilla y eficiente en nuestros proyectos de Angular.

Con ngx-cookie-service, podemos hacer cosas como establecer, obtener y eliminar cookies con solo unas pocas líneas de código.

Además, también ofrece funciones útiles como la posibilidad de establecer una fecha de expiración para una cookie y la capacidad de verificar si una cookie existe.

Para comenzar a utilizar ngx-cookie-service en nuestro proyecto de Angular, primero debemos instalarlo mediante npm:

npm install ngx-cookie-service

Importe el módulo ngx-cookie-service en el módulo principal de su aplicación Angular.
En el archivo app.module.ts, agregue la siguiente línea:

import { CookieService } from 'ngx-cookie-service';

Agregue el servicio de cookies en el array de providers en el módulo principal de su aplicación Angular. En el archivo app.module.ts, agregue la siguiente línea:

providers: [CookieService],

Inyecte el servicio de cookies en los componentes donde desee usarlo. En el archivo del componente, agregue la siguiente línea en la sección de importaciones:

import { CookieService } from 'ngx-cookie-service';

private cookieService = inject(CookieService);

setCookie() {
    this.cookieService.set('mi_cookie', '123');
}

getCookie() {
  this.cookieService.get('mi-cookie');
}

deleteCookie() {
  this.cookieService.delete('mi-cookie');
}

En conclusión, ngx-cookie-service es una excelente opción para trabajar con cookies en proyectos de Angular debido a su facilidad de uso y las funciones útiles que ofrece.
¡Definitivamente lo recomiendo darle una oportunidad en tu próximo proyecto!