react discord login

reaccionar-discord-iniciar sesión

react-discord-login es un componente React liviano y flexible para una fácil integración de la funcionalidad "Iniciar sesión con Discord" en sus aplicaciones web. Permita a sus usuarios iniciar sesión sin problemas utilizando sus cuentas de Discord.

Instalación

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

Uso

 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 >
    ) ;
} ; 

Referencia de API

utilizarDiscordIniciar sesión

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

Parámetros:

• params : un objeto que contiene parámetros de inicio de sesión de Discord y funciones de devolución de llamada opcionales.
• clientId : ID de cliente de la aplicación Discord.
• redirigirUri : URI de redireccionamiento para el flujo OAuth2.
• tipo de respuesta : tipo de respuesta ('token' o 'código').
• alcances : Matriz de alcances OAuth2 solicitados.
• onSuccess : función de devolución de llamada para iniciar sesión correctamente.
• onFailure : función de devolución de llamada en caso de error de inicio de sesión.

Devoluciones:

Un objeto con las siguientes propiedades:

• buildUrl : Función para crear la URL de inicio de sesión de Discord.
• isLoading : booleano que indica si el proceso de inicio de sesión está en curso.

Tipos

Se proporcionan varios tipos de TypeScript para mejorar la calidad del código y la experiencia de desarrollo:

• DiscordLoginParams
• DiscordLoginConfig
• Usuario
• Respuesta de error
• CódigoRespuesta
• Respuesta de token
• UsarDiscordLoginParams
• OnSuccessFunc
• OnFailureFunc
• GetCallbackResponseFunc

Licencia

Este proyecto tiene la licencia MIT; consulte el archivo de LICENCIA para obtener más detalles.