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

@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 токен в локальное хранилище, передавать его на сервер для проверки подлинности пользователя или выполнять другие действия по вашему усмотрению.