![]() ![]() Create an Okta app integrationīefore you integrate Okta authentication to your app, register your app in your Okta org. See Run the sample React app for an example of a simple embedded authentication React app that uses the Okta Sign-In Widget and libraries. Sign in with an existing user from your Okta org. When you are done integrating the Sign-In Widget to your React app, start your app to test your creation.Connect the routes: Connect your routes to the appropriate components.Create the routes: Create the route components for your app.Load the Sign-In Widget: Create the Sign-In Widget wrapper for the widget to be rendered as a React component.Install dependencies: Install the Okta libraries for the integration.Integrate the Sign-In Widget to your React app to add Okta authentication with the following steps: If you don't have an existing React app, you can create a new basic React app from the Create React App command. register your React app in Okta by creating an app integration.enable the Interaction Code grant on your default custom authorization server.Before you build or integrate your React app, ensure that you: This guide explains how to build a password-only sign-in flow for your React app. Integrate the Sign-In Widget with your SPA app The Sign-In Widget is a JavaScript library that includes full sign-in features with Okta so the amount of authentication code you have to write for your app is minimal. If you want to deploy a React single-page app (SPA) in the embedded authentication model, where your app retains authentication control without redirection to Okta, then you can use the Okta Sign-In Widget to quickly add authentication. Embedded React sample app with the Okta Sign-In Widget (opens new window) - See Run the sample React app.Ībout using the Sign-In Widget with your SPA app.Note: Use the latest versions of the Okta SDKs and Sign-In Widget for your React app. Okta Auth JavaScript SDK (opens new window).Understand how to run the React sample app.Understand the sequence of steps required to add the Okta Sign-In Widget to a React app for embedded authentication.This guide walks you through how to build a password-only sign-in flow React app that uses the Okta Sign-In Widget for Okta embedded authentication. See Identify your Okta solution (opens new window) to determine your Okta version. If you’re using Okta Classic Engine, see Sign in to SPA with embedded Widget. Note: This document is only for Okta Identity Engine. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |