如何使用okta idp启动登录成功登录应用程序

Question

我已经创建了react应用程序，并使用下面提供的okta示例使用okta登录。

https://developer.okta.com/code/react/okta_react/#add-an-openid-connect-client-in-okta

我可以通过输入凭据并点击登录按钮成功地从我的应用程序登录到应用程序。

但是，如果我登录到okta开发帐户，然后如果我导航到我的应用程序，我的应用程序不识别现有的会话。

下面是我的登录组件，

 import React, { useEffect } from 'react';
 import { Redirect } from 'react-router-dom';
 import { useSelector, useDispatch } from "react-redux";
 
 import OktaSignInWidget from '../../Shared/oktaSignInWidget/OktaSignInWidget';
 import { useOktaAuth } from '@okta/okta-react';
 import * as sharedActions from '../../Shared/data/actions';
 
 const Login = ({ config }) => {
     const { oktaAuth, authState } = useOktaAuth();
     const dispatch = useDispatch();
 
     useEffect(() => {
         dispatch(sharedActions.setCurrentComponent('login'));
         // console.log('authState.isPending :', authState.isPending);
         // console.log('authState.isAuthenticated :', authState.isAuthenticated);
     }, []);
 
     useEffect(() => {
 
         if (!authState.isPending) {
             console.log(' authState.isPending :', authState.isPending);
             console.log(' authState.isAuthenticated :', authState.isAuthenticated);
         }
 
     }, [authState]);
 
     const onSuccess = (tokens) => {
         console.log('tokens :', tokens);
         oktaAuth.handleLoginRedirect(tokens);
     };
 
     const onError = (err) => {
         console.log('error logging in', err);
     };
 
     if (authState.isPending) return null;
 
     return authState.isAuthenticated ?
         <Redirect to={{ pathname: '/' }} /> :
         <OktaSignInWidget
             config={config}
             onSuccess={onSuccess}
             onError={onError} />;
 };
 export default Login;

Answer 1

 useEffect(() => {

    // check to see if the user already has an okta session

    oktaAuth.session.exists().then((response) => {
        console.log(' response : ', response);

        setCheckingSession(false);

        if (response) {

            // oktaAuth.token.getWithRedirect();

            oktaAuth.token.getWithoutPrompt().then((response) => {
                console.log('response tokens : ', response);
                oktaAuth.tokenManager.setTokens(response.tokens);
            });

        }
    });

}, [oktaAuth.session, oktaAuth.token]);