Динамический URL в ОКТА redirect_uri

Question

В моем приложении Angular я использую @ okta / okta-signin-widget с идентификатором клиента okta. Мое требование - использовать window.location.origin в качестве redirect_uri.

import { NgModule } from ‘@angular/core’;
import { AppComponent } from ‘./app.component’;
import { RoutesModule } from ‘./routes/routes.module’;

import { OktaAuthModule } from ‘@okta/okta-angular’;

// Okta configuration
const oktaConfig = {
issuer: ‘https://dev-836625.oktapreview.com/oauth2/default’,
redirectUri: window.location.origin,
clientId: ‘xxxXXXxxXxxx’,
scope: ‘openid profile email’
};

@NgModule({
declarations: [
AppComponent
],
imports: [

OktaAuthModule.initAuth(oktaConfig),
RoutesModule,
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

После входа в систему redirect_uri должен быть window.location.origin, но redirect_uri возвращается как нулевой из виджета OKTA. Пожалуйста, найдите вложение.

Заранее спасибо!

Answer 1

Если вы посмотрите на адресную строку вашего браузера, то увидите, что в нем есть параметр redirect_uri, который он отправляет. Если вы добавите этот URI в URI перенаправления входа в систему в приложении OIDC, все должно работать.

Answer 2

Вы занесли эти URL в белый список в настройках OKTA?

В любом случае, позвольте мне посоветовать вам использовать Angular environment файлы для установки этой конфигурации:

export const environment = {
  production: true,
  redirectUrl: 'YOUR_URL_FOR_THIS_ENV',
  ...
};