React Routing

This repository shows you how to use Okta in a React application without the benefit of react-router. Please read React Routing to see how it was created.

Prerequisites:

• Node 14
• Okta CLI

Okta has Authentication and User Management APIs that reduce development time with instant-on, scalable user infrastructure. Okta's intuitive API and expert support make it easy for developers to authenticate, manage and secure users and roles in any application.

• Getting Started
• Links
• Help
• License

Getting Started

To run this example, run the following commands:

git clone https://github.com/nickolasfisher/Okta_RoutingDemo.git
cd Okta_RoutingDemo

Create an OIDC Application in Okta

Create a free developer account with the following command using the Okta CLI:

okta register

If you already have a developer account, use okta login to integrate it with the Okta CLI.

Provide the required information. Once you register, create a client application in Okta with the following command:

okta apps create

You will be prompted to select the following options:

• Type of Application: 2: SPA
• Redirect URI: http://localhost:3000/callback
• Logout Redirect URI: http://localhost:3000

The application configuration will be printed to your screen:

Okta application configuration:
Issuer:    {yourOktaDomain}/oauth2/default
Client ID: {yourClientId}

Add a file for .env

ni .env

or in Linux

touch .env

Add the following to .env

REACT_APP_OKTA_CLIENTID={yourClientId}
REACT_APP_OKTA_APP_BASE_URL=http://localhost:3000
REACT_APP_OKTA_ISSUER={yourOktaDomain}

If you haven't done so already, install the dependencies.

npm install

Start the React server.

npm run start

Open http://localhost:3000 in your favorite browser and you should be able to see the home page.

Links

This example uses the following open source libraries from Okta:

• Okta React SDK
• Okta CLI

Help

Please post any questions as comments on the blog post, or visit our Okta Developer Forums.

License

Apache 2.0, see LICENSE.