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

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

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

Сперва мы должны зарегистрировать своё приложение в соц. сети 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.pro/accounts/facebook/login/callback/.

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

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

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

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

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

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

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

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

Автор статьи

Артём Мальцев

Веб-разработчик, владеющий знаниями языка программирования Python, фреймворка Django, системы управления содержимым сайта Django CMS, платформы для создания интернет-магазина Django Shop и многих различных приложений, использующих эти технологии.

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

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

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

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

Для тех, кто продаёт через свой профиль в соц. сетях: моя сестра, Анастасия Мальцева запустила свой курс: «Комфортные продажи через контент»

Все знания построены на собственном опыте и имеют хороший результат, поэтому если вы продаёте товары или услуги и хотите повысить эффективность вашего аккаунта или сайта, то курс будет для вас полезен!

Представляю вашему вниманию книгу, написанную моим близким другом Максимом Макуриным: Секреты эффективного управления ассортиментом.

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

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

Вы можете оставить комментарий как незарегистрированный пользователь.

Но зарегистрировавшись, вы сможете:

  • получать оповещения об ответах
  • просматривать свои комментарии
  • иметь возможность использовать все функции разработанных сервисов

Для комментирования от своего имени войдите или зарегистрируйтесь на сайте Vuspace

Отправить

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

Попробуйте

Выберите валюту для отображения денежных единиц