AngularのCanActivateでログイン成功後にログイン前のページへ遷移させたときのお話

AngularのCanActiveで、未ログイン時にlogin画面へリダイレクトされる際に、リダイレクト前のURLを取得するお話。

そのページのURLを取得する情報はあったりしますが、意外とCanActiveでのURL取得の情報はなかったため書いてみました。

export class SessionGuard implements CanActivate {
  constructor(
    private sessionService: SessionService,
    private router: Router,
  ) {}

  canActivate(
    next: ActivatedRouteSnapshot,

    state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {

      if (!this.sessionService.session.token) { //もしセッション・トークンがなければ
            let navigationExtras: NavigationExtras = {
            queryParams : {
              'error': 'ログインして下さい。' , //表示するエラーの内容
              'prev_url': next.url //リダイレクト前のURL
            }
        };

        this.router.navigate(['/login'], navigationExtras); //ログイン画面にリダイレクト

      return false;
      }

    return true;
  }
}

どうやら、通常通りのActivateRouterから、URLを取得しようとすると、
もうひとつ前のページのURLを取得してしまうので、
next: ActivatedRouteSnapshot から、URLを取得する必要があるようです。

結構、英語の記事たと、こういった細かい内容の記事を見つけることができますが、
Angularでは、あまりないようですので、今後も書いていきたいと思います。