Impossible to redirect to previous page after logging in

Hello!

I am using this library for an oauth protected application. Using an auth-guard, the secured pages trigger a login page which calls an authservice configured as in the code snippet.

Somehow it seems impossible to redirect to the chosen page after logging in, as only one redirect can be set. Anyone an idea how to configure it? Listening to the event “token_received” does not seem to work.

export class AuthService {

  constructor(
    private router: Router,
    private oauthService: OAuthService
  ) {
    this.oauthService.configure(authConfig);
    this.oauthService.setupAutomaticSilentRefresh();

    this.oauthService.tokenValidationHandler = new JwksValidationHandler();
    this.oauthService.tryLogin({});

  }

  login() {
    this.oauthService.initImplicitFlow();
  }

}```

[LeonsBuntis]

@ggjersund I’ve had similar issue, while trying to redirect user back to requested url on onTokenReceived event. Fixed it by setting clearHashAfterLogin setting to false, therefore the router is not triggered on location.hash = '';, so that this.router.navigateByUrl works correctly.

[jeroenheijmans]

I’m using the same library, and in my production application I have a flow similar to what you describe (which I documented in a toy-problem version in a sample repo). It’s still on my to do list to add the feature you describe (navigate to the intended page after getting back from the ID Server, right?) to my production application, but I have played around with it a bit.

I also found that responding to events like you mention does not work for this feature. I’m guessing the implementation of state upon returning is lagging behind the library’s move towards events. But that’s a guess.

As for a solution, I found that this can work:

Send the intended url along with the user when they go to the ID Server (you might need to do this in the auth guard based on the target URL instead of the current URL):

public login() { this.oauthService.initImplicitFlow(encodeURIComponent(this.router.url)); }

PS. The encodeURIComponent is because of #415 (e.g. ? characters get lost otherwise).

Then when the user gets back you cannot use the event as you noted, but I found that this does work:

this.oauthService.loadDiscoveryDocument()
  .then(() => this.oauthService.tryLogin({
    onTokenReceived: () => this.router.navigateByUrl(this.oauthService.state),
  }))
  // etc.

Edit: see updated/improved solution below.

Hope that helps.