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

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

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

Для начала необходимо создать приложение сети facebook. Рассмотрим по шагам, как это делается.

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

Рисунок 1.

Далее переходим к самой настройке, нажав на кнопку “Мои приложения” - “Добавить новое приложение”(рис.2)

Рисунок 2.

Затем создаем новый ID приложения (рис.3, 4).

Рисунок 3.

Рисунок 4.

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

Рисунок 5.

2. После того, как приложение создано, Вам откроется страница.

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

Рисунок 6.

Затем выберите платформу приложения "Веб" (рис. 7):

Рисунок 7.

Далее необходимо указать адрес сайта (рис. 8).

Рисунок 8.

В блоках "Настройка Facebook SDK для Javascript" и "Проверка статуса входа" и "Добавление кнопки «Вход через Facebook»" нажимаем “Далее”.

Следующим шагом мы настроим возможность пользователей авторизовываться через Facebook на Вашем сайте (рис. 9, 10) Для настроек Вашего сайта необходимо перейти в "Настройки" -> "Основное", далее введите домен Вашего сайта, укажите ссылку на страницу политики конфиденциальности, выберите категорию и сохраните изменения.

Рисунок 9.

Затем переходим в "Настройки" -> "Дополнительно" и в настройках безопасности ставим разрешить доступ API к настройкам приложения (рис. 10). Сохраняем изменения.

Рисунок 10.

Далее в пункте “Продукты” перейдите в “Настройки” и укажите “Действительные URI перенаправления для OAuth” Callback URL (с рис. 14).

Рисунок 11.

После сохранения настроек необходимо включить приложение.

Рисунок 12.

Затем переходим в "Настройки - Основное", где прописаны данные - "Идентификатор приложения (API Key)" и "Секрет приложения", которые необходимы для настройки приложения уже на стороне Вашего интернет-магазина (рис. 13).

Рисунок 13.

Полученные Идентификатор приложения и Секрет приложения нужно будет прописать в настройках магазина.

В магазине переходим в Панель администрирования, Меню "Настройки – Системные настройки", вкладка "Авторизация"

Найдите секцию Facebook, включите её, нажав на галочку, и укажите два данных параметра (рис. 14).
Сохраните изменения, нажав на кнопку "Сохранить"

Рисунок 14.

Перейти в клиентскую часть, на странице Войти должна появиться кнопка авторизации facebook (рис. 19).

Рисунок 15.

Всё готово.