Reactividad en profile

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

Daniel Camacho

student•

manejar una capa de integracion intermedia entre el componete y servicio, ayuda mucho a evitar x cantidad de peticiones al cliente, cuando varios compoentens necesiten la misma informacion, ademas de delegar al compoente la unica responsoabilidad de solo trabajar como controlador, otra forma de obtener la informacion del profile es que en el login la peticion retorne ademas del token tambien la informacion del usuario, y con localstoraged o las cookies obtener la infomacion

ngOnInit() {
    this.infoUser = this.localStorageService.getItem('user_info');
  }

Toni Torres

student•

No sería más fácil guardar esa información en localStorage o cookie e ir recuperandola/actualizando cuando necesites? No sé si hay algún inconveniente y por eso es mejor hacerlo de forma reactiva. Pero creo que sería más simple y no haría falta añadir esa capa para que la app esté en constante escucha.

Agustin Cammarota Muti

student•

Yo genere esta función, creo que es bastante util:

getProfile(): Observable<User | null> { const ``token ``= this.tokenService.getToken();

if (!this.user$.getValue()) { return this.http.get<User>(`${this.apiUrl}/api/v1/auth/profile`, { headers: { Authorization: `Bearer ${```token``` }` } }).pipe( catchError(() => of(null)), tap(``response ``=> this.user$.next(``response``)) ); } return this.user$.asObservable(); }

Jhon Arias

student•

funciona bien gracias

Reactividad en profile

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