react discord login تنزيل - react discord login تنزيل كود المصدر

react discord login

شفرة المصدر الأخرى

Release 2.1.0

تنزيل

رد فعل الخلاف تسجيل الدخول

react-discord-login هو مكون React خفيف الوزن ومرن لتسهيل دمج وظيفة "تسجيل الدخول باستخدام Discord" في تطبيقات الويب الخاصة بك. قم بتمكين المستخدمين من تسجيل الدخول بسلاسة باستخدام حسابات 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 >
    ) ;
} ;

مرجع واجهة برمجة التطبيقات

useDiscordLogin

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

حدود:

المعلمات : كائن يحتوي على معلمات تسجيل الدخول إلى Discord ووظائف رد الاتصال الاختيارية.
معرف العميل : معرف عميل تطبيق Discord.
redirectUri : إعادة توجيه URI لتدفق OAuth2.
ResponseType : نوع الاستجابة ("الرمز المميز" أو "الرمز").
النطاقات : صفيف من نطاقات OAuth2 المطلوبة.
onSuccess : وظيفة رد الاتصال لتسجيل الدخول الناجح.
onFailure : وظيفة رد الاتصال لفشل تسجيل الدخول.