¿Dónde guardar el Token?

Clase 10 de 20 • Curso de Autenticación con Angular

Clase anteriorSiguiente clase

Cristian Danilo Motta Herrera

student•

Debería haber un curso de "seguridad" aprendiendo auth, JWT y auth2.0 comparandolos etc...

Jean Michael Lozano Cardoso

student•

Ya existen cursos de jwt y oauth, la comparación queda a tu criterio.

Milton Estrada

student•

para los que tengan la duda entre ngx-cookie-service y TypeScript-Cookie

ngx-cookie-service: ngx-cookie-service es una biblioteca ampliamente utilizada en la comunidad Angular y se beneficia de una mayor base de usuarios y contribuidores.

TypeScript-Cookie: utiliza una sintaxis más genérica. Su uso es más similar al manejo de cookies en JavaScript nativo.

En resumen, para el caso de angular es mejor usar una herramienta que esta especial mente hecha para ella que sería ngx-cookie-service

Manuel Gilly

student•

Una duda de seguridad, en las peticiones post se ven los parámetros de entrada es decir usuario y clave y la respuesta del backend es un jwt. Como podemos blindar ya que si obtienes el token puedes acceder a los recursos. Eso seria un hueco de seguridad? La otra duda es relacionada a los servicios como registro de usuario que no van protegidas con tokens, pero si alguien pilla la petición puede estar enviando información a los servicios. Como se puede atajar ese caso.

Roberto Ivan Serrano Saldaña

student•

Ejemplo con ngx-cookie-service

import { Injectable } from '@angular/core';
import { CookieService } from "ngx-cookie-service";

@Injectable({
  providedIn: 'root'
})
export class TokenService {

  constructor(
    private _cookies: CookieService
  ) { }

  setToken(token: string) {
    this._cookies.set("token", token, 1, '/');
  }

  getToken() {
    return this._cookies.get("token");
  }

  removeToken() {
    this._cookies.delete("token");
  }
}

Francisco Sanchez Ulloa

student•

Cual es la diferencia entre ambos?

Roberto Ivan Serrano Saldaña

student•

npm i typescript-cookie --save

NOTA: Otra forma de almacenar cookies npm install ngx-cookie-service --save

Francisco Sanchez Ulloa

student•

Que otras opciones hay para guardar el token? En caso de que quisiera mantener la sesion aun cuando se cierra y se vuelve abrir el navegador? Pero que no sea facil de acceder o por menos un segundo paso de verificación en caso de que alguien obtenga el token

Cesar Eduardo Valle Pino

student•

Para quienes utilizan yarn: yarn add typescript-cookie

import { Injectable } from '@angular/core';
import { CookieService } from "ngx-cookie-service";

@Injectable({
  providedIn: 'root'
})
export class TokenService {

  constructor(
    private _cookies: CookieService
  ) { }

  setToken(token: string) {
    this._cookies.set("token", token, 1, '/');
  }

  getToken() {
    return this._cookies.get("token");
  }

  removeToken() {
    this._cookies.delete("token");
  }
}

¿Dónde guardar el Token?

Introducción: requisitos y proyecto del curso

Cómo aprender Autenticación con Angular

Login

Flujo de login

Conectar login a API

Flujo de registro

Validar Usuario

Optimizando el flujo de registro

Flujo de recuperación de contraseñas

Implementación del password recovery

Cambio de módulo

Proteger el Acceso

¿Dónde guardar el Token?

Redirects para recuperar sesión

Obtener users

Obtener el perfil

Reactividad en profile

Interceptor

¿Cómo cerrar sesión cuando expire el token?

Implementando el cierre de sesión

¿Qué es el refresh token?

Interceptor con el refresh token

Próximos pasos

Toma el curso práctico