ReactJs 的 OAuth 库

Question

我正在研究 ReactJS SPA。我正在尝试从我的 React SPA 中找到可用于 OAuth2 的库以获取授权代码。我尝试使用 auth0 库，但 auth0 库仅重定向到 /authorize 端点，无法配置它。我们公司的认证服务器的授权端点是/as/authorization。有人可以帮助可以使用哪个 React 库吗？

Answer 1

您可以尝试使用 Pathfix，我们有一个连接到多个提供商的登录扩展程序。

您能否详细说明您的 OAuth 用例。我假设既然你提到了 Auth0，你正试图将它用作登录提供程序？

免责声明：我和他们一起工作

Answer 2

最主流最成熟的库是oidc-client。以下是我使用它的几个代码示例：

GitHub 回购 link 一些可能也有用的博客文章。

Answer 3

这可以通过 Pizzly、open-source OAuth 集成管理器轻松完成。

下面是一个如何使用 Pizzly 检索 accessToken 的示例：

const App = () => {

  // Initialize Pizzly
  const pizzly = new Pizzly({ host: PIZZLY_HOSTNAME, publishableKey: PIZZLY_PUBLISHABLE_KEY })

  // Use the GitHub API
  const github = pizzly.integration('github')

  // The connect method lets us authenticate a user
  // to our GitHub OAuth application
  const connect = () => {
    github
      .connect()
      .then(({ authId, payload }) => {
        console.log(authId, payload.accessToken)
      })
      .catch(console.error)
  }

  // ...
};

export default App;

我最近写了一篇关于 how to use Pizzly + React 的教程。

Answer 4

我们最终在我们的应用中使用了 hello.js。

我们必须对其进行自定义，但它确实有效。

ReactJs 的 OAuth 库

OAuth library for ReactJs

oauth

oauth-2.0

reactjs