Tienes al menos dos opciones para devolver el valor del usuario:
- Devuelve el observable y suscríbete a él en otro componente.
public login(username: string, password: string) {
const url = this.baseUrl + '/logincheck';
return this.http.post<User>(url, {username: username, password: password}).pipe(
tap(currentUser => {
currentUser.authData = window.btoa(username + ':' + password);
localStorage.setItem('currentUser', JSON.stringify(currentUser));
})
);
}
// En el componente que haces login
this.authService.login(user, passwd).subscribe(user => {
// Comprueba si el usuario se ha logueado
if (user) { /* ... */ }
});
- Usa un Subject. En mi opinión esto es mejor ya que te puedes suscribir a él desde varios componentes/servicios. Un subject es un observable que a su vez emite observables. Tiene un método .next() para emitir el siguiente valor. En este ejemplo devolvemos el
currentUserSubject
como observable mediante la variable currentUser
:
// Servicio
private currentUserSubject: BehaviorSubject<User>;
public currentUser: Observable<User>;
constructor(private http: HttpClient) {
this.currentUserSubject = new BehaviorSubject<User>(JSON.parse(localStorage.getItem('currentUser')));
this.currentUser = this.currentUserSubject.asObservable();
}
public login(username: string, password: string) {
const url = this.baseUrl + '/logincheck';
return this.http.post<User>(url, {username: username, password: password})
.pipe(
tap(currentUser => {
currentUser.authData = window.btoa(username + ':' + password);
localStorage.setItem('currentUser', JSON.stringify(currentUser));
// Emitir el siguiente valor
this.currentUserSubject.next(currentUser);
})
);
}
// En el componente que haces login
this.authService.login(user, passwd).subscribe(user => { /* ... */ });
// En cualquier otro componente
this.authService.currentUser.subscribe(user => { /* ... */})
Mírate este tutorial, da una guía muy completa para montar autenticación en tu aplicación.