Hi,
I follow the instructions.
Not sure at what stage it is wrongly configured. But the client id and issuer url does not seem to be used by auth/index.js( npm trace at the end here )
When I click either ‘implicit profile’ or ‘pkce profile’ I see HTTP 400
CLI:
:\okta>okta apps create
Application name [okta]: amplify
Type of Application
(The Okta CLI only supports a subset of application types and properties):
1: Web
2: Single Page App
3: Native App (mobile)
4: Service (Machine-to-Machine)
Enter your choice [Web]: 2
Redirect URI
Common defaults:
/callback - //localhost:8080/callback
Enter your Redirect URI
Enter your Post Logout Redirect URI
Configuring a new OIDC Application, almost done:
Created OIDC application, client-id: 0oa1ev0doczAdwBDj5d7
|
Okta application configuration:
Issuer: https://dev-1018733.okta.com/oauth2/default
Client ID: 0oa1ev0doczAdwBDj5d7
import OktaAuth from ‘@okta/okta-auth-js’;
import router from ‘…/router’;
auth/index.js
const ISSUER = ‘https://dev-1018733.okta.com/oauth2/default’
const CLIENT_ID = ‘0oa1ev0doczAdwBDj5d7’
const REDIRECT_URL = window.location.origin + ‘/authorization-code/callback’;
const AUTH_CODE_GRANT_TYPE = ‘authorization_code’;
const IMPLICIT_GRANT_TYPE = ‘implicit’;
npm
D:\oktaui\okta-auth-js-pkce-example>npm run serve
okta-auth-js-pkce@0.1.0 serve D:\oktaui\okta-auth-js-pkce-example
vue-cli-service serve
…building…
Client ID: undefined
Okta Org Url: undefined
INFO Starting development server…
40% building 123/124 modules 1 active …-auth-js-pkce-example\src\auth\index.jsBrowserslist: caniuse-lite is outdated. Please run next command npm update 98% after emitting CopyPlugin
DONE Compiled successfully in 4761ms 7:39:59 PM
App running at:
- Local: http://localhost:8080/
- Network: unavailable
Note that the development build is not optimized.
To create a production build, run npm run build.
Thanks,
Mohan