angelitoTalens / angular-OAuth2-Okta

Demo App for OAuth2 Authentication Using Okta

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

OAuth2 Login Demo

Angular Demo Project for OAuth2 login using Okta server

Okta Server

https://dev-991706.okta.com/

Add Okta Auth Angular SDK

npm install @okta/okta-angular

okta-angular version used

@okta/okta-angular": "3.0.1"

How to:

  • Create an Okta account
  • Add your application to your Okta Console
  • in your environment.ts/environment.prod.ts add
oktaConfig : {
  issuer: 'https://*{serverAddress}/oauth2/default',
  redirectUri: 'http://*{your app index path}/implicit/callback',
  clientId: '*{client Id taken from the App registered in Okta console}',
  pkce: true
}
  • In your app.module.ts
 imports: [
   OktaAuthModule
 ],
 providers: [
   { provide: OKTA_CONFIG, useValue: environment.oktaConfig },
 ],

Usage

  • Use OktaAuthService and OktaAuthGuard directly
  • Create your own authService and authGuard as wrapper to OktaAuthService

About

Demo App for OAuth2 Authentication Using Okta


Languages

Language:TypeScript 83.9%Language:JavaScript 12.0%Language:HTML 3.6%Language:SCSS 0.5%