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

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

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

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

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

Рисунок 1.

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

Рисунок 2.

Затем производим регистрацию разработчика (рис.3, 4).

Рисунок 3.

Рисунок 4.

В открывшемся окне нажимаем кнопку "Создать ID приложение" (рис. 5).

Рисунок 5.

Далее вводим email, название приложения и нажимаем кнопку "Создайте ID приложение" (рис. 6).

Рисунок 6.

Следующим шагом проходим проверку безопасности (рис. 7).

Рисунок 7.

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

Рисунок 8.

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

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

Рисунок 9.

Затем необходимо выбрать платформу в блоке "Начните работу с Facebook SDK" (рис. 10).

Рисунок 10.

Выбираем платформу "Сайт" (рис. 11).

Рисунок 11.

В блоке "Tell us about your website" вводим адрес Вашего сайта и нажимаем на кнопку "Next" (рис. 12)

Рисунок 12.

Следующим шагом мы настроим возможность пользователей авторизовываться через Facebook на Вашем сайте (рис. 13, 14)

Рисунок 13.

Рисунок 14.

Затем для настроек Вашего сайта необходимо перейти в "Настройки" -> "Основное", далее введите домен Вашего сайта, выберите категорию и сохраните изменения.

Рисунок 15.

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

Рисунок 16.

После сохранения настроек переходим в "Панель", где прописаны данные - "Идентификатор приложения (App ID)" и "Секрет приложения (App Secret)", которые необходимы для настройки приложения уже на стороне Вашего интернет-магазина (рис. 17).

Рисунок 17.

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

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

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

Сохраните изменения, нажав на кнопку "Сохранить"

Рисунок 18.

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

Рисунок 19.

Всё готово.