altenfreelance / Auth-Code-Flow-PKCE

A demo/POC full stack application to demonstrate OAuth2.0 PKCE in an SPA

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Auth-Code-Flow-PKCE

A demo/POC full stack application to demonstrate OAuth2.0 PKCE in an SPA

Authorization Code Flow with PKCE POC demo app built with node express and React.

This repo is simple a POC and basic implementation of the authorization code flow authorization with PKCE (pixy)

For a demo of Auth-Code-Flow in an SPA see https://github.com/altenfreelance/Auth-Code-Flow

Setup

Prereqs

  • yarn
  • node
  • git bash or other linux based terminal
  • An Open ID Connect/Oauth2 IDP that is properly configured to work with this localhost:3000 application.

Front End Setup

Create a file called .env.local in react_client/ and copy the properties from .env replacing the properties accordingly with info from your idp (or set them directly in .env)

Protected Server Setup

Create a file called oauth.local.properties in protected_expess_server/ and copy the properties from oauth.properties replacing the properties accordingly with info from your idp (or set them directly in oauth.properties)

Run the App

Run ./start.sh in git bash to launch both services and the front end

Sources

About

A demo/POC full stack application to demonstrate OAuth2.0 PKCE in an SPA

License:MIT License


Languages

Language:JavaScript 81.6%Language:HTML 13.1%Language:CSS 2.8%Language:Shell 2.5%