Сохранить попытку параметра URL после перенаправления

Question

В моем проекте Angular я только что реализовал Amazon Cognito Hosted UI для обработки моего входа следующим образом:

Теперь, когда мои пользователи нажимают на кнопку "Войти", они перенаправляются на другой URL, например https://[domain].amazoncognito.com/login?redirect_uri=http://localhost:4200/&response_type=code&client_id=[some id] войти и перенаправить обратно на мой Angular URL в случае успеха.

До реализации этого у меня была простая страница входа в сочетании с authguard для защиты моих маршрутов, в которой сохранялись предпринятые URL-адреса и перенаправлялись обратно после входа. И поскольку я был только на Angular, все работало без сбоев.

Теперь, из-за функционирования размещенного пользовательского интерфейса Cognito, предпринятый параметр URL теряется, когда мой пользователь перенаправляется на размещенный пользовательский интерфейс.

Мой вопрос: есть ли способ сохранить мои попытки URL-параметра даже с этим перенаправлением?

Больше информации

У меня больше нет компонента входа в систему, потому что он обрабатывается Cognito Hosted UI.

Это отрывок компонента, который вызывает мой Cognito Hosted UI:

navbar.component.ts

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.scss']
})
export class NavbarComponent implements OnDestroy, OnInit {

  [...]

  constructor(
    @Inject(LOCALE_ID) protected localeId: string,
    private router: Router,
    private authService: AuthService,
    private usersService: UsersService
  ) { }

  [...]

  signIn() {
    this.authService.signIn();
  }

}

navbar.component.html

<div class="navbar-item" *appShowIfSignedIn="false">
  <a class="button" (click)="signIn()">Sign in</a>
</div>

Вот выдержка из моего AuthService:

auth.service.ts

@Injectable({ providedIn: 'root' })
export class AuthService {

  private url = 'https://' + '[domain].auth.eu-central-1.amazoncognito.com' + '/login?redirect_uri=' + 'http://localhost:4200/' + '&response_type=' + 'code' + '&client_id=' + '[some id]';

  constructor(
    private ngZone: NgZone,
    private authStore: AuthStore
  ) {
    Hub.listen('auth', this, 'AuthCodeListener');
  }

  onHubCapsule(capsule: any) {
    const { channel, payload } = capsule;
    if (channel === 'auth' && payload.event === 'signIn') {
      this.ngZone.run(() => {
        this.currentAuthenticatedUser().subscribe(
          (user: any) => {
            const isSignedIn = true;
            const accessToken = user.signInUserSession.accessToken.jwtToken;
            const sub = user.signInUserSession.accessToken.payload['sub'];
            this.authStore.update({
              signedIn: isSignedIn,
              accessToken: accessToken,
              sub: sub
            });
          }
        );
      });
    }
  }

  signIn() {
    window.location.assign(this.url);
  }

Спасибо за вашу помощь

Answer 1

Я нашел способ сделать это, просто сохранив свой параметр URL-адреса в моем локальном хранилище.

Таким образом, я могу получить свой параметр URL-адреса даже после перенаправления обратно из размещенного пользовательского интерфейса.