>source

ReactJS SPA에서 일하고 있습니다. 인증 코드를 얻기 위해 React SPA에서 OAuth2에 사용할 수있는 라이브러리를 찾으려고합니다. auth0 라이브러리를 사용해 보았지만 auth0 라이브러리는/authorize 엔드 포인트로만 리디렉션되며 구성 할 방법이 없습니다. 우리 회사의 인증 서버의 인증 엔드 포인트는/as/authorization입니다. 누군가 어떤 React 라이브러리를 사용할 수 있는지 도와 주시겠습니까?


  • 답변 # 1

    이것은 오픈 소스 OAuth 통합 관리자 인 Pizzly로 쉽게 수행 할 수있는 작업입니다.

    다음은 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;
    
    

    최근에 Pizzly + React를 사용하는 방법에 대한 튜토리얼을 작성했습니다.

  • 답변 # 2

    가장 주류적이고 성숙한 라이브러리는 oidc-client입니다. 다음은 그것을 사용하는 몇 가지 코드 샘플입니다.

    기본 코드 샘플

    React 코드 샘플

    GitHub 저장소는 유용 할 수도있는 일부 블로그 게시물에 대한 링크입니다.

  • 답변 # 3

    Pathfix를 사용해 볼 수 있으며, 여러 공급자에 연결하는 로그인 확장이 있습니다.

    OAuth 사용 사례를 자세히 설명해 주시겠습니까? Auth0를 언급했기 때문에 로그인 공급자로 사용하려고합니까?

    면책 조항 : 나는 그들과 함께 일합니다

  • 답변 # 4

    결국 앱에서 hello.js를 사용하게되었습니다.

    우리는 그것을 사용자 정의해야했지만 작동했습니다.

  • 이전 자바에서 true와 false에 대한 자세한 내용을 알기
  • 다음 Docker/Centos 79에서 네트워킹이 작동하지 않음