react discord login

реакция-discord-логин

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

Справочник по API

использоватьDiscordВойти

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

Параметры:

• params : объект, содержащий параметры входа в Discord и дополнительные функции обратного вызова.
• clientId : идентификатор клиента приложения Discord.
• redirectUri : URI перенаправления для потока OAuth2.
• responseType : тип ответа («токен» или «код»).
• области : Массив запрошенных областей OAuth2.
• onSuccess : функция обратного вызова для успешного входа в систему.
• onFailure : функция обратного вызова при неудачном входе в систему.

Возврат:

Объект со следующими свойствами:

• buildUrl : функция для создания URL-адреса входа в Discord.
• isLoading : логическое значение, указывающее, выполняется ли процесс входа в систему.

Типы

Для повышения качества кода и удобства разработки предусмотрено несколько типов TypeScript:

• DiscordВойтиПарамсы
• DiscordЛогинКонфигурация
• Пользователь
• ОшибкаОтвет
• КодОтвет
• ТокенОтвет
• ИспользоватьDiscordLoginParams
• OnSuccessFunc
• OnFailureFunc
• GetCallbackResponseFunc

Лицензия

Этот проект лицензируется по лицензии MIT — подробности см. в файле ЛИЦЕНЗИИ.