Skip to content
Implement the OAuth 2.0 Authorization Code with PKCE flow
JavaScript Vue HTML
Branch: master
Clone or download
Pull request Compare This branch is 1 commit ahead, 1 commit behind dogeared:master.
Latest commit 49a8383 Aug 21, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
public init Jul 5, 2019
src Added logout Aug 21, 2019
.browserslistrc init Jul 5, 2019
.eslintrc.js init Jul 5, 2019
.gitignore init Jul 5, 2019 updated README Aug 22, 2019
babel.config.js init Jul 5, 2019
package.json SPA pkce flow Jul 9, 2019
postcss.config.js init Jul 5, 2019

This repo let's you see the OAuth 2.0 Implicit flow and the Authorization Code with PKCE flow in action.

The Implicit flow is effectively deprecated and should no longer be used.

You need a free Okta Developer Org to get started.

In the admin console of your Okta org, Navigate to: Applications

  • Click the green Add Application button
  • Select Single-Page App application, and click Next
  • Give the app a Name.
  • Change the value for Login redirect URIs to http://localhost:8080/callback
  • Check Authorization Code (and leave Implicit clicked)
  • Click Done

Take note of the Client ID at the bottom of the page.

You need to edit the src/auth/index.js with your Okta domain and the Client ID value.

Project setup

npm install

Compiles and hot-reloads for development

npm run serve
You can’t perform that action at this time.