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

Question

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

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

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

我使用的流是带有PKCE流的OAuth 2.0授权代码

Answer 1

通常要做这三件事：

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

这实际上是一种设计模式，与React无关。我的一些示例可能会有所帮助：

• Initial Code Sample
• React Code Sample

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