【问题标题】:oAuth 2 implementation in react jsreact js中的oAuth 2实现
【发布时间】:2020-09-29 08:21:32
【问题描述】:

我需要一些指导。我正在尝试在我的 React JS 应用程序中实现 oAuth2 身份验证。后端现已投入使用。在单击登录按钮时做出反应,服务弹出窗口将打开以验证用户,并将在重定向 uri 处提供访问令牌。

我有客户端 ID、客户端密码、访问令牌 uri、授权 uri、重定向 uri。

但是找不到任何提供 oauth2 实现的 react js 库。请给我指点,以便我可以为我的登录页面使用任何现有/实现的 oauth2 身份验证(使用反应)。

我试图使用ClientOAuth2,但我不确定这是否适用于 react js。另外,我在本地主机上使用这个库时遇到 CORS 错误。

请分享如何正确实施。

【问题讨论】:

  • 关于图书馆的任何意见?
  • 请分享你是如何解决这个任务的。

标签: reactjs oauth-2.0 servicenow


【解决方案1】:

我有一些你可能会觉得有用的教程,它们使用oidc-client library

使用的设计模式是技术中立的,可以在任何 JavaScript 技术堆栈中实现。

教程 1:纯文本

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

最终教程:REACTJS

这侧重于一些更高级的方面,包括对 ReactJS 的更新:

【讨论】:

    【解决方案2】:

    我使用 react-oauth2-auth-code-flow nom 包在我的 react js 应用程序中实现 AUth2 流。 napm 包有示例来帮助您的实施。检查这个https://www.npmjs.com/package/react-oauth2-auth-code-flow

    【讨论】:

      猜你喜欢
      • 2011-02-02
      • 2014-08-18
      • 1970-01-01
      • 2018-06-28
      • 1970-01-01
      • 2014-05-07
      • 2012-01-12
      • 2020-10-29
      相关资源
      最近更新 更多