Angular Auth Guard с подпиской - PullRequest
Новая
       41

Angular Auth Guard с подпиской

0 голосов
/ 03 июля 2019

У меня есть проверка подлинности, и мне нужно выполнить вызов API, чтобы узнать, есть ли у них доступ.Я не верю, что можно вернуть данные из подписки, но как еще я могу это сделать?

Мне нужно получить идентификатор пользователя, а затем вызвать API и затем вернуть либо true, либо false в зависимости от вызова API.. 

import { Injectable } from '@angular/core';
import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
import { Observable } from 'rxjs';
import { AuthService } from 'src/app/services/auth.service';

@Injectable({
  providedIn: 'root'
})
export class TeamcheckGuard implements CanActivate {
  success: boolean;

  constructor(
    private router: Router,
    private authService: AuthService
  ) {}

  // Checks to see if they are on a team for the current game they selected.
  canActivate(next: ActivatedRouteSnapshot,state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
      this.authService.getUserId().then(() => {
        let params = {
          gameId: next.params.id,
          userId: this.authService.userId
       };

        this.authService.getApi('api/team_check', params).subscribe(
          data => {
            if (data !== 1) {
              console.log('fail');
              // They don't have a team, lets redirect
              this.router.navigateByUrl('/teamlanding/' + next.params.id);
              return false;
            }
          }
        );
      });
    return true;
  }
}

Ответы [ 2 ]

1 голос
/ 03 июля 2019

Вам необходимо вернуть Observable<boolean>, которое разрешится в true / false в зависимости от запроса аутентификации. 

canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {
    return new Observable<boolean>(obs => {
        this.authService.getUserId().then(() => {
            let params = {
                gameId: next.params.id,
                userId: this.authService.userId
            };

            this.authService.getApi('api/team_check', params).subscribe(
                data => {
                    if (data !== 1) {
                        console.log('fail');
                        // They don't have a team, lets redirect
                        this.router.navigateByUrl('/teamlanding/' + next.params.id);
                        obs.next(false);
                    }
                    else {
                        obs.next(true);
                    }
                }
            );
        });
    });
}
0 голосов
/ 03 июля 2019

Почему вы не используете async и ждете, чтобы получить данные обратно, как это 

async canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Promise<boolean> { 
 const something = await this.authService.getApi('api/team_check', params)
 if (!something ) {
 //do authentication
  return false;
 }

 return true;
}
...