ReactJS URL 从 OAuth2 接收身份验证令牌

Question

我想知道在 React 中创建 URL 以接收查询中的 Auth 令牌的最佳方式，该查询将通过来自 OAuth2 授权服务器的重定向 URL 调用。

我打算做的是创建一个带有路由的组件，这将是我将设置为重定向 URL 的 URL。从那里，我将使用useEffect 函数知道 URL 已被调用并发送 API 请求以验证 AccessToken。

但是为此创建一个空组件对我来说听起来不合适，我想知道是否有更好的方法来做到这一点。

我使用的流程是 OAuth 2.0 Authorization Code with PKCE Flow

Answer 1

通常会做这三件事：

• 插入 OIDC 客户端安全库
• 将重定向 URI 设置为应用的主 URL
• 在主页加载过程中处理登录重定向

它确实是一种设计模式，与 React 无关。我的几个样本可能会有所帮助：

• Initial Code Sample
• React Code Sample

当然，您也许能够以更先进的 React 方式实现相同的模式。