Reactividad en profile
Contenido del curso
Daniel Camacho
Toni Torres
Midduar Arturo Matheus Tapia
Agustin Cammarota Muti
Jhon Arias
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'); }
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.
si y no; si para que sea una carga más rápida esto es recomendable hacerlo pero no solo eso ya que si solo lo llamas desde la cookie tendrías el dato que obtuviste al procesar la autenticación más no los datos disponibles ante cualquier otro cambio en tiempo real como por ejemplo tu nombre.
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();
}
funciona bien gracias
