ReactJS URL 从 OAuth2 接收授权令牌

Question

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

我打算做的是创建一个带有路由的组件，这将是我将设置为重定向 URL 的 URL。从那里，我将使用useEffect function 来知道 URL 已被调用并发送 API 请求进行身份验证对于访问令牌。

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

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

Answer 1

通常做这三件事：

• 插入 OIDC 客户端安全库
• 将重定向 URI 设置为应用的主要 URL
• 将登录重定向作为主页加载的一部分处理

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

• 初始代码示例
• 反应代码示例

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