Javascript REACT.JS-如何使用REACT openidconnect调用登录

Javascript REACT.JS-如何使用REACT openidconnect调用登录,javascript,reactjs,authentication,openid-connect,Javascript,Reactjs,Authentication,Openid Connect,我正在尝试使用react openidconnect。这是我第一次接触OAuth和OpenIdConnect。我做了示例()中的所有事情,但我不知道如何重定向到Auth服务器提供的登录页面。我试图用谷歌搜索它,但没有找到任何东西。通常,您可以通过以下操作之一重定向: 单击登录按钮 由于没有有效的访问令牌并且无法调用API 在这两种情况下,您都可以通过调用userManager.signinDirect发出授权重定向 有关示例,请参见 出于兴趣,我在我的博客上有一些可视化教程来解释如何集成您的

我正在尝试使用react openidconnect。这是我第一次接触OAuth和OpenIdConnect。我做了示例()中的所有事情,但我不知道如何重定向到Auth服务器提供的登录页面。我试图用谷歌搜索它,但没有找到任何东西。

通常,您可以通过以下操作之一重定向:

  • 单击登录按钮
  • 由于没有有效的访问令牌并且无法调用API
在这两种情况下,您都可以通过调用userManager.signinDirect发出授权重定向

有关示例,请参见

出于兴趣,我在我的博客上有一些可视化教程来解释如何集成您的包装器库所使用的oidc客户端库


如果有帮助的话,我的博客还有一些更高级的帖子和示例,包括中的一篇。

通常,您可以通过以下操作之一重定向:

  • 单击登录按钮
  • 由于没有有效的访问令牌并且无法调用API
在这两种情况下,您都可以通过调用userManager.signinDirect发出授权重定向

有关示例,请参见

出于兴趣,我在我的博客上有一些可视化教程来解释如何集成您的包装器库所使用的oidc客户端库


如果有帮助的话,我的博客还提供了一些更高级的帖子和示例,其中包括一篇。

renderNotAuthenticated
中设置的JSX(例如,
您未通过身份验证,请单击此处进行身份验证。
中的
在可单击的
div
元素中呈现(有关详细信息,请参阅),因此,您应该通过单击该按钮来重定向


如果您没有被重定向,您应该会在浏览器控制台中看到一个错误。

renderNotAuthenticated
中设置的JSX(例如,您未通过身份验证的
,请单击此处进行身份验证。
中的
在可单击的
div
元素中呈现(有关详细信息,请参阅),因此,您应该通过单击该按钮来重定向

如果您没有被重定向,您应该会在浏览器控制台中看到一个错误