在 React Web 应用程序中使用 oauth2 进行身份验证答案

【问题标题】：use oauth2 for authentication in react web application在 React Web 应用程序中使用 oauth2 进行身份验证
【发布时间】：2019-02-12 10:25:35
【问题描述】：

我需要您对我所处场景的指导/建议。我们有一个遗留的 GWT 应用程序（2.7 版），这个应用程序有 2 个实现 EntryPoint 类的控制器 - LoginController 和 OTSController。它们有各自的演示者和查看者。

注意- 此 GWT 应用程序作为 spring-boot 应用程序运行。

这个 GWT 应用程序是一个 ui 应用程序（还有另一个 spring-boot 应用程序可以充当服务器应用程序）。 GWT 应用程序使用默认方式处理用户身份验证，即使用 /j_spring_security_check。

现在我正在尝试在 React 中重写登录功能（而且我对 React 还是很陌生）。我正在尝试使用 oauth2 进行身份验证，请您指出我应该使用哪个 oauth2 库以及我可以查看的任何示例。

我搜索了 React web-app 的身份验证并查看了 -

的示例

Okta 登录小部件
Auth0 - 提供身份验证即服务
Stormpath React SDK
JWT（JSON Web 令牌）

但是找不到任何可以在我的 react 应用程序中使用的提供 oauth2 实现（并且没有太多严格的许可义务）的特定 js 库，请给我指点，以便我可以使用任何现有/实现 oauth2我的登录页面的身份验证（使用反应）。

谢谢，索拉布。

【问题讨论】：

标签： reactjs oauth-2.0 spring-security-oauth2

【解决方案1】：

您可以使用 Okta 中的这两个库将身份验证集成到带有 Okta 的 React 应用程序中 - @okta/okta-auth-js 和 @okta/okta-react。您也可以在此处查看指南 - https://developer.okta.com/code/react/okta_react。希望这会有所帮助。

【讨论】：

我可以只使用 okta 的客户端（oauth2 客户端）库来响应并配置我自己的 oauth2 服务器吗？我可以在具有服务器配置的示例中看到标记（截至目前，它指向 okta 的 OAuth2 服务器）。我在哪里可以获得有关可与安全标签一起使用的选项的一些详细信息（api 文档）？