Как вам помочь ?
Настройка кнопок авторизации 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.
Всё готово.
Другие статьи по теме
- Настройка кнопок авторизации через Google
- Настройка кнопок авторизации Yandex
- Настройка кнопок авторизации Mail.ru
- Настройка кнопок авторизации Вконтакте
- Настройка кнопок авторизации Одноклассники
Тэги: Open ID, авторизация facebook, fb, facebook, oauth