react discord login

반응 불일치 로그인

react-discord-login "Discord로 로그인" 기능을 웹 애플리케이션에 쉽게 통합하기 위한 가볍고 유연한 React 구성 요소입니다. 사용자가 Discord 계정을 사용하여 원활하게 로그인할 수 있도록 지원하세요.

설치

npm install react-discord-login
//or
yarn add react-discord-login
//or
bun add react-discord-login

용법

 import { useDiscordLogin , UseDiscordLoginParams } from 'react-discord-login' ;

const YourComponent = ( ) => {
    const discordLoginParams : UseDiscordLoginParams = {
        clientId : 'YOUR_DISCORD_CLIENT_ID' ,
        redirectUri : 'YOUR_REDIRECT_URI' ,
        responseType : 'token' , // or 'code'
        scopes : [ 'identify' , 'email' ] ,
        onSuccess : response => {
            // Handle successful login
            console . log ( 'Login successful:' , response ) ;
        } ,
        onFailure : error => {
            // Handle login failure
            console . error ( 'Login failed:' , error ) ;
        } ,
    } ;

    const { buildUrl , isLoading } = useDiscordLogin ( discordLoginParams ) ;

    return (
        < div >
            < button onClick = { ( ) => ( window . location . href = buildUrl ( ) ) } disabled = { isLoading } >
                Sign in with Discord
            < / button >
        < / div >
    ) ;
} ; 

API 참조

useDiscord로그인

 type UseDiscordLogin = ( params : UseDiscordLoginParams ) => {
    buildUrl : ( ) => string ;
    isLoading : boolean ;
} ; 

매개변수:

• params : Discord 로그인 매개변수와 선택적 콜백 함수가 포함된 개체입니다.
• clientId : Discord 애플리케이션 클라이언트 ID입니다.
• RedirectUri : OAuth2 흐름에 대한 리디렉션 URI입니다.
• responseType : 응답 유형('토큰' 또는 '코드')입니다.
• 범위 : 요청된 OAuth2 범위의 배열입니다.
• onSuccess : 로그인 성공을 위한 콜백 함수입니다.
• onFailure : 로그인 실패에 대한 콜백 함수입니다.

보고:

다음 속성을 가진 객체:

• buildUrl : Discord 로그인 URL을 생성하는 함수입니다.
• isLoading : 로그인 프로세스가 진행 중인지 여부를 나타내는 부울입니다.

유형

코드 품질과 개발 경험을 향상시키기 위해 여러 TypeScript 유형이 제공됩니다.

• DiscordLoginParams
• Discord로그인 구성
• 사용자
• 오류응답
• 코드응답
• 토큰응답
• DiscordLoginParams 사용
• OnSuccessFunc
• OnFailureFunc
• GetCallbackResponseFunc

특허

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.