Angular2 auth guard with http request and observables

Question

В настоящее время я реализую приложение с угловым примером с пружинным ботинком в качестве backend. У меня возникают некоторые проблемы с механизмом защиты и наблюдениями frontend auth.

Я пытаюсь достичь:

1. , когда кто-то входит в охраняемую маршрутизировать аутентификации охранник должен проверить, если пользователь уже установлен в переменной аутентификации службы
2. , если он не установлен, то HTTP- запрос должен быть выдан для проверки доступности сеанса
3. метод службы должен возвращать значение true/false (асинхронно из-за возможного HTTP-запроса)
4. , если служба возвращает false, auth guard должен перенаправить на страницу входа в систему
5. аутентификации охранник должен возвращать истина/ложь так маршрут может либо быть активирована или нет

Мой код в настоящее время выглядит следующим образом (я использую RC5 кстати.):

Auth Guard

import {Injectable} from "@angular/core"; 
import {CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router} from "@angular/router"; 
import {Observable, Subject} from "rxjs/Rx"; 
import {AuthService} from "./auth.service"; 

@Injectable() 
export class AuthGuard implements CanActivate { 
    constructor(private authService: AuthService, private router: Router) {} 

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | boolean { 
    var authenticated = this.authService.isAuthenticated(); 
    var subject = new Subject<boolean>(); 
    authenticated.subscribe(
     (res) => { 
      console.log("onNext guard: "+res); 
      if(!res && state.url !== '/signin') { 
      console.log("redirecting to signin") 
      this.router.navigate(['/signin']); 
      } 
      subject.next(res); 
     }); 
    return subject.asObservable(); 
    } 
} 

Auth служба

import {Injectable} from "@angular/core"; 
import {User} from "./user.interface"; 
import {Router} from "@angular/router"; 
import {Http, Response, Headers} from "@angular/http"; 
import {environment} from "../environments/environment"; 
import {Observable, Observer, Subject} from "rxjs/Rx"; 

@Injectable() 
export class AuthService { 
    private authenticatedUser : User; 
    constructor(private router: Router, private http: Http) {} 

    signupUser(user: User) { 
    } 


    logout() { 
    //do logout stuff 
    this.router.navigate(['/signin']); 
    } 

    isAuthenticated() : Observable<boolean> { 
    var subject = new Subject<boolean>(); 
    if (this.authenticatedUser) { 
     subject.next(true); 
    } else { 
     this.http.get(environment.baseUrl + '/user') 
     .map((res : Response) => res.json()) 
     .subscribe(res => { 
      console.log("next: returning true"); 
      this.authenticatedUser = User.ofJson(res); 
      subject.next(true); 
     }, (res) => { 
      console.log("next: returning false"); 
      subject.next(false); 
     }); 
    } 
    return subject.asObservable(); 
    } 
} 

проблема заключается в следующем: защита никогда не активирует компонент маршрутизатора, даже если я вошел в систему.

Спасибо за помощь!

Answer 1

Изменить

return subject.asObservable(); 

в

return subject.asObservable().first(); 

Маршрутизатор ждет наблюдаемым для завершения. first() делает это после первого события.