react discord login Télécharger - react discord login Téléchargement du code source

react discord login

Autre code source

Release 2.1.0

Télécharger

réagir-discord-connexion

react-discord-login est un composant React léger et flexible pour une intégration facile de la fonctionnalité « Se connecter avec Discord » dans vos applications Web. Permettez à vos utilisateurs de se connecter de manière transparente en utilisant leurs comptes Discord.

Installation

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

Usage

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

Référence API

useDiscordLogin

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

Paramètres :

params : Un objet contenant les paramètres de connexion Discord et les fonctions de rappel facultatives.
clientId : ID client de l’application Discord.
redirectUri : URI de redirection pour le flux OAuth2.
réponseType : Type de réponse (« jeton » ou « code »).
scopes : Tableau des étendues OAuth2 demandées.
onSuccess : Fonction de rappel pour une connexion réussie.
onFailure : Fonction de rappel en cas d'échec de connexion.