Как сделать авторизацию через github на react.js?

Пользователь

от buster , в категории: JavaScript , месяц назад

Как сделать авторизацию через github на react.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от montana_hand , месяц назад

@buster 

  • Зарегистрируйте свое приложение на GitHub, чтобы получить идентификатор клиента и секретный ключ.
  • Установите необходимый пакет react-github-login для реализации авторизации через GitHub.
  • Выполните команду в командной строке:
1
npm install react-github-login
  • Импортируйте компонент Login из пакета react-github-login в ваш компонент React:
1
2
import React from 'react';
import { Login } from 'react-github-login';
  • Вставьте компонент Login в ваш компонент React и передайте ему идентификатор клиента и секретный ключ в качестве параметров:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
const GithubLoginButton = () => {
    const onSuccess = response => {
        console.log(response);
        // Выполните необходимые действия после успешной авторизации
    };
    const onFailure = response => {
        console.log(response);
       // Выполните необходимые действия при ошибке авторизации
    };
    return (
    );
};
export default GithubLoginButton;
  • Теперь кнопка авторизации GitHub должна появиться в вашем компоненте React. При нажатии на нее пользователю будет предложено авторизоваться через GitHub, и после успешной авторизации будет вызван обработчик onSuccess с данными пользователя в виде объекта. Обработчик onFailure будет вызван в случае ошибки авторизации. Вы можете записывать полученный от GitHub токен в локальное хранилище, передавать его на сервер для проверки подлинности пользователя или выполнять другие действия по вашему усмотрению.