Azure AD带角4

Question

我正在使用Azure广告与隐式流量与一个角4应用程序。我的NG4应用程序使用PathLocationStrategy路由，这样它就可以利用干净的URL。我的AAD身份验证请求如下所示：

https://login.microsoftonline.com/xxxxx/oauth2/authorize?client_id=xxxx&response_type=id_token&redirect_uri=http://localhost:4200/login&response_mode=fragment&scope=openid&state=12345&nonce=xxxx

  { path: '', redirectTo: 'home', pathMatch: 'full' },
  {
    path: '', component: BlankLayoutComponent,
    children: [
      { path: 'login#id_token=:id_token', component: LoginComponent }
    ]
  },
  {
    path: '', component: BasicLayoutComponent,
    children: [
      { path: 'home', component: StarterViewComponent }
    ]
  },
  // Handle all other routes
  { path: '**', redirectTo: 'home' }

我似乎无法配置路由来从url中获取id_token以便使用它来授权其他请求。如何从重定向中获取此id_token？

Answer 1

在组件StarterViewComponent中，实现接口OnInit并在方法ngonInit中编写该接口。

export class StarterViewComponent implements OnInit  {

    ngOnInit() {

      if (window.location.hash) {
            this.someLoginService.validateToken(window.location.hash);
        }
    }

}