unduh react discord login - unduh kode sumber react discord login

react discord login

Kode sumber lainnya

Release 2.1.0

Unduh

reaksi-perselisihan-login

react-discord-login adalah komponen React yang ringan dan fleksibel untuk memudahkan integrasi fungsionalitas "Masuk dengan Discord" ke dalam aplikasi web Anda. Berdayakan pengguna Anda untuk masuk dengan lancar menggunakan akun Discord mereka.

Instalasi

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

Penggunaan

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

Referensi API

gunakanDiscordLogin

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

Parameter:

params : Objek yang berisi parameter login Discord dan fungsi panggilan balik opsional.
clientId : ID klien aplikasi perselisihan.
redirectUri : Redirect URI untuk aliran OAuth2.
responType : Jenis respons ('token' atau 'kode').
scopes : Array cakupan OAuth2 yang diminta.
onSuccess : Fungsi panggilan balik untuk login berhasil.
onFailure : Fungsi panggilan balik untuk kegagalan login.