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

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

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

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

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

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

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

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

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

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

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

Затем производим регистрацию разработчика
Рисунок 3.

 

Регистрация разработчика
Рисунок 4.

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всё готово.

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

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

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