Авторизация через социальную сеть Facebook

17 октября 2017 г. 22:49

Рассмотрим авторизацию пользователей на своём сайте через социальную сеть Facebook на примере сайта vivazzi.ru.

Сперва мы должны зарегистрировать своё приложение в соц. сети Facebook на странице https://developers.facebook.com/apps

Добавление приложения в facebook

Щёлкните "Добавьте новое приложение" и в форме впишите название вашего проекта. В моём случае: Vivazzi.

Перед нами откроется панель приложения:

Панель приложения Facebook

Обратите внимание, что рядом с названием расположен незакрашенный круг с зелёной обводкой. Это говорит о том, что пока приложение находится в тестовом режиме. Чуть позже мы сделаем его доступным для всех, а пока продолжим настройку.

Теперь нужно добавить продукт "Вход через Facebook":

Добавление продукта Вход через Facebook

Выбор платформы для Входа через Facebook

Выбираем платформу "Веб", если собираемся регистрировать пользователей на своём сайте. Далее откроется окно, где мы должны вписать адрес сайта:

Добавление адреса сайта в настройках Вход через Facebook

Вписываем свой адрес сайта и жмём "Сохранить". Мы рассматриваем простейшую настройку авторизации через Facebook, поэтому шаги 2-5 пока можно не настраивать.

Затем добавляем настройки, щёлкнув "Вход через Facebook" в левой панели, а затем щёлкнув "Настройки":

Настройки входа на сайт через Facebook

Обратите внимание, что для защиты мы должны включить опцию "Использовать строгий режим для URI перенаправления" и добавить правильный URL-адрес для перенаправления OAuth.

Откуда берётся URL-адрес для перенаправления OAuth зависит от того, самостоятельно ли вы пишите код авторизации или используете готовые решения для своего языка программирования. Если вы хотите самостоятельно написать код авторизации, то в Facebook существует соответствующая страница документации: https://developers.facebook.com/docs/facebook-login/web . Я же использую библиотеку django-allauth, ознакомиться с ней вы можете на странице Django allauth Авторизация через социальную сеть .

Так как я использую django-allauth, то мой URL-адрес для перенаправления OAuth будет http://vivazzi.ru/accounts/facebook/login/callback/.

И, наконец, нам осталось сделать наше приложение доступным для всех:

Сделать приложение Facebook доступным для всех

Через API Facebook можно получать разную информацию пользователей, но для авторизации нам достаточно email и public_profile, которые разрешены по умолчанию, поэтому публикация вашего приложения произойдёт без проблем.

Оцените статью

5 из 5 (всего 1 оценка)

Поля, отмеченные звёздочкой ( * ) , являются обязательными.

Спасибо за ваш отзыв!

После нажатия кнопки "Отправить" ваше сообщение будет доставлено мне на почту.

Автор статьи

Права на использование материала, расположенного на этой странице http://vivazzi.pro/it/auth-facebook/:

Разрешается копировать материал с указанием её автора и ссылки на оригинал без использования параметра rel="nofollow" в теге <a>. Использование:

Автор статьи: Мальцев Артём
Ссылка на статью: <a href="http://vivazzi.pro/it/auth-facebook/">http://vivazzi.pro/it/auth-facebook/</a>

Подробнее: Правила использования сайта

Комментариев: 0

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

Чтобы оставить комментарий от своего имени войдите или зарегистрируйтесь обычным способом или через социальные сети:

Отправить

На данный момент нет специального поиска, поэтому я предлагаю воспользоваться обычной поисковой системой, например, Google, добавив "vivazzi" после своего запроса.

Попробуйте