Как вам помочь ?
Настройка кнопок авторизации Facebook*
Авторизация через oAuth позволяет авторизоваться на Вашем сайте через данные аккаунта в Facebook*.
Чтобы это было возможно, необходимо настроить кнопку авторизации Facebook*.
Для начала настройки нам необходимо будет перейти в Developers Facebook* и авторизоваться. После входа, нажмите на кнопку "Создать приложение" в кабинете разработчика.
В окне Тип приложения выберите опцию "Потребительское" (рис. 1) и нажмите кнопку "Продолжить". Введите в форме адрес Вашего сайта и контактный Email-адрес.
Рисунок 1.
На открывшейся странице, нажимаем кнопку "Настроить" в блоке "Вход через Facebook*". (рис.2)
Рисунок 2.
Выберите опцию "Веб" и введите адрес Вашего сайта (рис. 3).
Рисунок 3.
Мы создали приложение. Теперь нужно произвести его настройку. В кабинете разработчика переходим в раздел "Настройки" - "Основное" и заполняем представленную форму недостающими полями - указываем домен сайта, адрес страницы с нашим пользовательским соглашением, политикой конфиденциальности (могут совпадать), а также ссылку для запроса об удалении данных пользователя. В этом поле можно указать ссылку на обратную связь вида "домен/feedback" (рис. 4).
Рисунок 4.
После заполнения всех данных, сохраняем настройки и переходим в раздел "Вход через Facebook*" - "Настройки" и в поле "Действительные URI перенаправления для OAuth" указываем ссылку вида "домен/login" (рис. 5). Сохраняем настройки.
Рисунок 5.
Теперь нам нужно активировать наше приложение. Это делается переключателем в шапке кабинета разработчика (рис. 6).
Рисунок 6.
На этом настройки на стороне Facebook* завершены.
Переходим в административную панель магазина, в раздел "Настройки" - "Системные настройки" - "Авторизация". В поле "API Key" вставляем ID нашего приложения, а в поле "Секрет приложения" - ключ, скопированный из кабинета разработчика Facebook* (рис. 7), и выставляем галочку активности формы.
Рисунок 7.
В клиентской части кнопка для авторизации отобразится следующим образом (рис. 8):
Рисунок 8.
* Facebook и Instagram принадлежат компании Meta, чья деятельность запрещена на территории России с 21 марта 2022 года.
Другие статьи по теме
- Настройка кнопок авторизации через Google
- Настройка кнопок авторизации Yandex
- Настройка кнопок авторизации Mail.ru
- Настройка кнопок авторизации Вконтакте
- Настройка кнопок авторизации Одноклассники
Тэги: Open ID, авторизация facebook, fb, facebook, oauth