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

Question

我正在尝试使用react-openidconnect。这是我第一次接触 OAuth 和 OpenIdConnect。我按照示例（https://www.npmjs.com/package/react-openidconnect）做了所有事情，但我不知道如何重定向到 Auth Server 提供的登录页面。我试图用谷歌搜索它，但没有找到任何东西。

标签： javascriptreactjsauthenticationopenid-connect

Answer 1

通常，您要么因以下操作之一而重定向：

• 单击登录按钮
• 由于没有有效的访问令牌并且能够调用 API

在这两种情况下，您都通过调用userManager.signInRedirect发出授权重定向。

有关示例，请参见此类。

出于兴趣，我的博客上有一些可视化教程来解释如何集成您的包装库使用的 oidc-client 库。

• 初始 SPA 代码示例
• 写上去

如果有帮助，我的博客还有一些更高级的文章和示例，包括ReactJS中的一篇。