Когда вы используете DRF (Server API) + React (publi c Web Client), как вы реализуете для входа в социальную сеть OAuth2?

Question

Я занимаюсь разработкой Django (Сервер) с React (Веб-клиент).

И я хочу использовать социальный логин на Facebook. Я знал, что клиент является c клиентом, сервер является конфиденциальным. Поэтому я хочу использовать способ предоставления кода аутентификации для аутентификации пользователя. Так что я найду способ, но нет способа реализовать это. Все ошибки библиотеки python oauth2 предназначены только для django рендеринга на стороне сервера. (Django Сервер + веб-клиент).

Так что я запутался в том, что я не прав, или просто другие просто не сделали Предоставить способ.

Когда вы используете DRF (Server API) + React (publi c Web Client), как вы реализуете для социальной регистрации OAuth2?

Мне интересно это. пожалуйста, дайте мне совет. Спасибо.

Answer 1

Давайте начнем с основ, люди обычно разделяют фронтенд и бэкэнд, чтобы повысить скорость производства, так как фронтенд и бэкэнд могут быть разработаны двумя отдельными командами. Но для того, чтобы фронтенд и бэкэнд работали вместе, необходим интерфейс соединения, API.

React - это интерфейс, работающий в браузере, поэтому для взаимодействия с сервером он использует протокол REST.
Поскольку в этом сценарии используется Django, мы используем DRF, а React использует REST API. DRF предоставляет простые и гибкие готовые пакеты для выполнения этой работы по обмену данными между сервером и клиентом.

Теперь аутентификатором для входа в Интернет вы выбираете Facebook, поэтому вы получите идентификационный токен от Facebook, который будет соответствовать строки в таблице Django User, которая предоставит вам доступ к данным пользователя в Django.

. Вам не нужно делать все сразу, вам нужно сначала реализовать социальную аутентификацию Facebook и после теста (тест с использованием приложения почтальона) подумайте только о подключении React

Хорошее место для начала - это документация по DRF, посмотрите Social OAuth2
https://www.django-rest-framework.org/api-guide/authentication/#django -oauth-toolkit