Как вам помочь ?

Настройка кнопок авторизации Facebook*

Статья актуальна для версии магазина: 10.0 | 8.0 | 6.0 | 5.0

Авторизация через oAuth позволяет авторизоваться на Вашем сайте через данные аккаунта в Facebook*.

Чтобы это было возможно, необходимо настроить кнопку авторизации Facebook*.

Для начала настройки нам необходимо будет перейти в Developers Facebook* и авторизоваться. После входа, нажмите на кнопку "Создать приложение" в кабинете разработчика.

В окне Тип приложения выберите опцию "Потребительское" (рис. 1) и нажмите кнопку "Продолжить". Введите в форме адрес Вашего сайта и контактный Email-адрес.

Для настройки нам необходимо будет перейти и авторизоваться
Рисунок 1.

На открывшейся странице, нажимаем кнопку "Настроить" в блоке "Вход через Facebook*". (рис.2)

Далее переходим к самой настройке, нажав на кнопку "Начать"
Рисунок 2.

Выберите опцию "Веб" и введите адрес Вашего сайта (рис. 3).

Затем создаем новый ID приложения
Рисунок 3.

Мы создали приложение. Теперь нужно произвести его настройку. В кабинете разработчика переходим в раздел "Настройки" - "Основное" и заполняем представленную форму недостающими полями - указываем домен сайта, адрес страницы с нашим пользовательским соглашением, политикой конфиденциальности (могут совпадать), а также ссылку для запроса об удалении данных пользователя. В этом поле можно указать ссылку на обратную связь вида "домен/feedback" (рис. 4).

Создание ID приложения
Рисунок 4.

После заполнения всех данных, сохраняем настройки и переходим в раздел "Вход через Facebook*" - "Настройки" и в поле "Действительные URI перенаправления для OAuth" указываем ссылку вида "домен/login" (рис. 5). Сохраняем настройки.

Приложение создано! Затем осуществляем переход к его настройке
Рисунок 5.

Теперь нам нужно активировать наше приложение. Это делается переключателем в шапке кабинета разработчика (рис. 6).

Здесь необходимо выбрать свое созданное приложение и перейти к его настройке, нажав на кнопку "Панель"
Рисунок 6.

На этом настройки на стороне Facebook* завершены.

Переходим в административную панель магазина, в раздел "Настройки" - "Системные настройки" - "Авторизация". В поле "API Key" вставляем ID нашего приложения, а в поле "Секрет приложения" - ключ, скопированный из кабинета разработчика Facebook* (рис. 7), и выставляем галочку активности формы.

Затем выберите платформу приложения “Веб”
Рисунок 7.

В клиентской части кнопка для авторизации отобразится следующим образом (рис. 8):

Указываем адрес сайта
Рисунок 8.

Готово. Мы рассмотрели, как настроить на сайте авторизацию через Facebook*.

 

* Facebook и Instagram принадлежат компании Meta, чья деятельность запрещена на территории России с 21 марта 2022 года.

Другие статьи по теме

Статья оказалась полезной?
Не нашли нужную статью? Предложить свою тему

Тэги: Open ID, авторизация facebook, fb, facebook, oauth

Мы используем cookies. Подробнее...