Django - Урок 037. Как добавить аутентификацию через социальные сети. Google+

Social, Google, Django, Google API

Второй социальной сетью, через которую можно будет аутентифицироваться на сайте, будет Google+.

Я не буду вдаваться во все подробности настройки и установки батарейки Python Social Auth Django, поскольку об этом было рассказано в предыдущей статье . Но отмечу, что на этот раз подключение заняло всего пол часа.

Однако настройка доступа через API Google была более сложной, чем для VKontakte.

settings.py

Во-первых нужно прописать новый бекенд, который будет отвечать за аутентификацию через Google+.

AUTHENTICATION_BACKENDS = (
    ...
    'social_core.backends.google.GoogleOAuth2',
    'django.contrib.auth.backends.ModelBackend',
)

Во-вторых необходимо прописать переменные для ключа API и секретного ключа

SOCIAL_AUTH_GOOGLE_OAUTH2_KEY = 'XXXXXXXX'
SOCIAL_AUTH_GOOGLE_OAUTH2_SECRET = 'XXXXXXXXX'

Настройка приложения в Google API Console

А теперь разберёмся, как настроить приложение в Google API Console для получения возможности аутентифицировать пользователей на сайте благодаря социальной сети Google+.

Шаг 1 - создать проект

Шаг 2 - Включить Google+ API

После того как ваш проект будет создан, нужно будет подключить соответствующее API, а именно Google+ API.

Переходим в раздел Включить API и Сервисы

Находим Google+ API и включаем его

Шаг 3 - Создать приложение веб-сайта в вашем проекте

Нужно перейти в раздел учётных данных и в комбобоксе создания учётных данных пользователя выбрать пункт идентификатор клиента OAuth.

Из предложенных вариантов выбирайте Веб-приложение.

Шаг 4 - настройка страницы запроса учётных данных

Здесь будет предложено выбрать ваш email. как разработчика, можно добавить и какой-то иной.

Далее название продукта.

И URL главной страницы вашего сайта, остальное по желанию

Шаг 5 - настройка доступа приложения к Google+ API

В отличие от VKontakte, в случае с Google+ API контролируется более тщательно, откуда приходит запрос, и куда пользователь перенаправляется в случае успешной авторизации. Здесь и кроется один нюанс настройки.

Вот в этих настройках и находятся необходимые нам ключики

SOCIAL_AUTH_GOOGLE_OAUTH2_KEY = 'Идентификатор клиента'
SOCIAL_AUTH_GOOGLE_OAUTH2_SECRET = 'Секрет клиента'

Далее источники и перенаправления.

В разрешённые источники требуется казать адрес вашего сайта, например

https://example.com

А вот разрешенные URI перенаправления подразумевают, куда должен быть перенаправлен пользователь в случае успешной аутентификации. И здесь нужно учесть, как у вас подключен модуль социальной аутентификации на сайте. В моёмслучае он подключен в корень сайта, поэтому получается вот такой адрес

http://example.com/complete/google-oauth2/

Если это не прописать, то аутентификация не будет работать исправно, поскольку Google+ API не позволит пользователю успешно перейти на ваш сайт с аутентификационными данными.

Шаблон

В шаблоне вы можете добавить подобный код для получения иконки с url авторизации

<a href="{% url 'social:begin' 'google-oauth2' %}"><img src="/static/lgoogle.png" class="avatar-3" data-toggle="tooltip" title="{% trans 'Login via Google+' %}"></a>

Аутентификация пользователя из разных социальных сетей

Также может встать проблема определения пользователя, если он входит в аккаунт на сайте, используя разные социальные сети, например сегодня он зашёл через ВКонтакте, а завтра воспользуется Google+.

Тогда, чтобы не появлялось несколько аккаунтов одного пользователя, необходимо проверять информацию о пользователе, который аутентифицируется с помощью социальной сети, и если уже он раннее заходил на сайт с помощью другой социальной сети, то связать его аутентификацию с раннее созданным аккаунтом.

Данная проверка включается в Python Social Auth Django одной настройкой.

SOCIAL_AUTH_PIPELINE = (
    'social_core.pipeline.social_auth.associate_by_email',
)

В данном случае используется информация о email пользователя

Для Django рекомендую VDS-хостинг TIMEWEB

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.
Поддержать автора Donate

Комментарии

Только авторизованные пользователи могут публиковать комментарии.
Пожалуйста, авторизуйтесь или зарегистрируйтесь
Donate

Здравствуйте, уважаемые пользователи EVILEG !!!

Если сайт вам помог, то поддержите разработку сайта финансово, пожалуйста.

Вы можете сделать это следующими способами:

Спасибо, Евгений Легоцкой

M
26 февраля 2020 г. 21:48
Metalhaker

C++ - Тест 001. Первая программа и типы данных

  • Результат:60баллов,
  • Очки рейтинга-1
a
25 февраля 2020 г. 5:40
ayb

C++ - Тест 005. Структуры и Классы

  • Результат:83баллов,
  • Очки рейтинга4
ДЗ
24 февраля 2020 г. 14:47
Дмитрий Злобин

C++ - Тест 004. Указатели, Массивы и Циклы

  • Результат:40баллов,
  • Очки рейтинга-8
Последние комментарии
24 февраля 2020 г. 3:54
Евгений Легоцкой

Добрый день. Там будет url, на который указывает ссылка тега a в пагинаторе, если правильно помню )) Написал этот код и забыл.
B
24 февраля 2020 г. 0:37
BahaMeirman

Евгений Здравствуйте! Не могу понять вот эту часть кода: url: jQuery(this).attr('action') наверное здесь должен быть путь к url, тогда 'action' на какой url указывает?
17 февраля 2020 г. 3:22
Евгений Легоцкой

Добрый день. Это кастомный тег, помещается в файл, который находится в каталоге templatetags myapp/ templatetags/ myapp.py
B
16 февраля 2020 г. 13:36
BahaMeirman

Добрый вечер! Монжно по подробней о теге get_companion? ссылка не работает.
Сейчас обсуждают на форуме
v
26 февраля 2020 г. 18:13
vlaaad20

Добавил в папку проекта следующие либы, ничего не изменилось. Надо что-то где-то дополнительно прописывать или нет? Я просто не очень понимаю...
a
25 февраля 2020 г. 8:06
ayb

Да
24 февраля 2020 г. 12:04
Евгений Легоцкой

Добрый день. Вот пример с дружественного ресурса с движением камеры
24 февраля 2020 г. 6:29
Евгений Легоцкой

Qt не предоставляет функционала по запросу root прав во время выполнения программы. Поэтому нужно использовать платформозависимый функционал, для Linux это будет выглядеть так: #include…
24 февраля 2020 г. 3:47
Евгений Легоцкой

Добрый день. Что означает клиентская область? Это изображение? Вам нужно распознавать символы текста или всё-таки пользователь будет вводить текст с клавиатуры, просто в любом месте "абстр…
EVILEG
О нас
Услуги
© EVILEG 2015-2019
Рекомендует хостинг TIMEWEB