角度2のセキュリティ：ログイン後にクリックしたルートにリダイレクトしますか？

Question

私はAngular 2のリリースバージョンを使用して私の最初のアプリを構築しています（私は現在2.1.0になっています）。私はRoute Guardを設定しました。私はそれをroute.tsで使用して、認証のルートの1つを保護しています。クリックすると、ログインしていなければ、ユーザはログインルートにリダイレクトされます。そこではログインでき、認証されていればlocalStorageトークンを設定します。ここに私は問題がある。最初にクリックしたルートにユーザをリダイレクトしてからログインにリダイレクトしたいのですが、GuardのcanActivateメソッドまたはログイン時にクリックされたルートを取得する方法がわかりません。これはかなり一般的な使用シナリオのようですが、私はこれを行う例を見つけることができません。

Answer 1

[OK]を、この点を説明する必要があり、私の取り除か例です。

@Injectable() 
    export class AuthGuardService implements CanActivate 
    { 
     toUrl; 

     constructor(public authenticationService: AuthenticationService, 
        public router: Router) 
     { 
     } 

     canActivate(route, state): boolean 
     { 
      this.toUrl = state.url; //This is the url where its going 

      if (this.authenticationService.isLoggedIn()) return true; 

      this.router.navigate(['/login', {redirect: this.toUrl}]);   

     } 

} 

し、ログインコンポーネントに任意のulrsをリダイレクトをチェックするngOnInitを使用します。

export class LoginComponent 
{ 
    redirect; 

    constructor(
       private authenticationService: AuthenticationService, 
       private route: ActivatedRoute, 
       private router: Router) 
    { 
    } 

    ngOnInit() 
    { 
     this.redirect = this.route.snapshot.params['redirect']; 
    } 

    logIn(): void 
    { 
     this.authenticationService 
      .login(this.searchParams) 
      .subscribe(
       () => 
       { 
        this.logInSuccess(); 
       }, 
       error => 
       { 
        this.logInFail(error) 
       }) 
    } 

    logInSuccess(): void 
    { 

     if (this.redirect) 
     { 
      this.router.navigateByUrl(this.redirect); 
     } 
     else 
     { 
      this.router.navigate(['']) 
     } 
    } 

}