URL-адрес ReactJS для получения токена аутентификации из OAuth2

#reactjs #oauth-2.0

#reactjs #oauth-2.0

Вопрос:

Я хотел бы знать, как наилучшим образом создать URL-адрес в React для получения токена аутентификации в запросе, который будет вызываться через URL-адрес перенаправления с сервера авторизации OAuth2.

Что я планирую сделать, так это создать компонент с маршрутом, и это будет URL-адрес, который я установлю в качестве URL-адреса перенаправления. Оттуда я буду использовать useEffect функцию, чтобы узнать, что URL-адрес был вызван, и отправить запрос API для аутентификации для доступа.

Но создание пустого компонента для этого мне кажется неправильным, и я хочу знать, есть ли лучший способ сделать это.

Поток, который я использую, — это код авторизации OAuth 2.0 с потоком PKCE

Ответ №1:

Обычно выполняются эти 3 действия:

  • Подключите библиотеку безопасности клиента OIDC
  • Установите URI перенаправления на основной URL вашего приложения
  • Обрабатывает перенаправления входа в систему как часть загрузки главной страницы

На самом деле это шаблон проектирования и не имеет ничего общего с React. Есть несколько моих примеров, которые могут помочь:

Конечно, вы можете реализовать тот же шаблон более совершенным способом React.