<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M74D8PB" height="0" width="0" style="display:none;visibility:hidden">
Loading
Skip to NavigationSkip to Main Content
0D54z00006xK0ohCACOkta Classic EngineSingle Sign-OnAnswered2024-03-08T00:44:18.000Z2021-05-06T15:37:27.000Z2021-05-09T16:39:14.000Z

ManjunathOKTaK.29808 (Customer) asked a question.

Okta angular - Customizing OktaCallbackComponent

Hi Team,

 

I'm integrating Okta user authentication in my angular application, and I need support on below issues,

 

I'm using custom sign in widget and below are URIs details,

Login redirect URIs : http://localhost:4200/login/callback

Logout redirect URIs : http://localhost:4200

 

  • The issue I'm facing is, after successful user authentication, Okta redirects to application to http://localhost:4200/login/callback, but I want application to redirect to my custom url something like http://localhost:4200/userDashbaord. userDashbaord will be my landing screen after authentication.
  • Second issue is when I sign-out from the application it redirects to http://localhost:4200 but I want it should redirect to the Okta login page.
  • I have added below login widget under loginComponent.

  widget = new OktaSignIn({

   el: '*okta-signin-container',

   baseUrl: 'https://dev-84840028.okta.com',

   logo: '../../../assets/images/sample_logo.png',

   i18n: {

    en: {

     'primaryauth.title': 'Sign In',

    },

   },

   authParams: {

    pkce: true

   },

   clientId: '0oao82zdhtuXjc57j5d6',

   redirectUri: 'http://localhost:4200/login/callback',

  features: {

    registration: true,         // Enable self-service registration flow

    rememberMe: true,          // Setting to false will remove the checkbox to save username

    selfServiceUnlock: true,     // Will enable unlock in addition to forgotten password

    router: true,            // Leave this set to true for the API demo

  },

 });

 

 

Your help will highly appreciated.

 

Thanks in advance.


This question is closed.
Loading
Okta angular - Customizing OktaCallbackComponent