reactjs 在react js中实现oAuth 2

fcg9iug3  于 2023-04-11  发布在  React
关注(0)|答案(2)|浏览(259)

我需要一点指导。我试图在我的React JS应用程序中实现oAuth2身份验证。后端现在正在服务中。在登录按钮单击时,服务现在弹出将打开以验证用户,并将在重定向URI处提供访问令牌。
我有客户端ID,客户端密码,访问令牌URI,授权URI,重定向URI。
但是找不到任何提供oauth2实现的react js的特定库。请给我一些提示,以便我可以在我的登录页面使用任何现有/实现oauth2身份验证(使用react)。
我尝试使用ClientOAuth2,但我不确定这是否适合与react js一起使用。此外,我在本地主机上使用此库时出现CORS错误。
请分享如何正确实施。

bweufnob

bweufnob1#

我有几个教程,你可能会发现有用的,其中使用oidc-client library
使用的设计模式是技术中立的,可以在任何JavaScript技术栈中实现。

教程1:普通字体

本文重点介绍授权代码流(PKCE)的基础知识和高效的开发人员设置:

这集中在一些更高级的方面,包括对ReactJS的更新:

khbbv19g

khbbv19g2#

我已经在我的react js应用程序中使用react-oauth2-auth-code-flow npm包实现了AUth 2流。npm包中有一些示例可以帮助您实现。请检查此https://www.npmjs.com/package/react-oauth2-auth-code-flow

相关问题