Getting parameters from external redirect in Angular 4

Viewed 745

I am creating an Angular 4 application that redirects to Azure Active Directory for Authentication, however I am having an issue obtaining the returned token from Microsoft.

I have a route setup as follows

export const ROUTES:Routes = [
  { 
    path: '', redirectTo: 'login', pathMatch: 'full'
  },
  {
    path: 'access_token', component: LoginCallbackComponent
  }

Navigating to http://localhost:4200 takes me to the login page

When I click the Login button I am redirected to Microsoft and Authentication takes place via Azure AD. After successful Authentication, Microsoft routes me back to the the application with the following

http://localhost:4200/#access_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJSU.....etc...etc...

The 'access_token' route correctly calls the LoginCallbackComponent, however I cant seem to get at the 'access_token' value in the LoginCallbackComponent

The ActivatedRoute.snapshot does not show ny parameters, which I would imagine is my issue, but I am out of things to try

Can anyone push me in the right direction?

Thanks

-bc

0 Answers
Related