我需要一点指导。我试图在我的React JS应用程序中实现oAuth2身份验证。后端现在正在服务中。在登录按钮单击时,服务现在弹出将打开以验证用户,并将在重定向URI处提供访问令牌。
我有客户端ID,客户端密码,访问令牌URI,授权URI,重定向URI。
但是找不到任何提供oauth2实现的react js的特定库。请给我一些提示,以便我可以在我的登录页面使用任何现有/实现oauth2身份验证(使用react)。
我尝试使用ClientOAuth2,但我不确定这是否适合与react js一起使用。此外,我在本地主机上使用此库时出现CORS错误。
请分享如何正确实施。
2条答案
按热度按时间bweufnob1#
我有几个教程,你可能会发现有用的,其中使用oidc-client library。
使用的设计模式是技术中立的,可以在任何JavaScript技术栈中实现。
教程1:普通字体
本文重点介绍授权代码流(PKCE)的基础知识和高效的开发人员设置:
最终教程:REACT
这集中在一些更高级的方面,包括对ReactJS的更新:
khbbv19g2#
我已经在我的react js应用程序中使用react-oauth2-auth-code-flow npm包实现了AUth 2流。npm包中有一些示例可以帮助您实现。请检查此https://www.npmjs.com/package/react-oauth2-auth-code-flow