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

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

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

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

В окне Тип приложения выберите опцию "Потребительское" (рис. 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.