Мастер-класс Быстрый запуск интернет-магазина

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

Настройка кнопок авторизации 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.

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

Затем создаем новый ID приложения
Рисунок 3.

 

Создание ID приложения
Рисунок 4.

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

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

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

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

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

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

Затем выберите платформу приложения “Веб”
Рисунок 7.

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

Указываем адрес сайта
Рисунок 8.

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

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


Рисунок 9.

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

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

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

Далее укажем действительные URI перенаправления для OAuth”
Рисунок 11.

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

Включение приложения
Рисунок 12.

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

Открытие настроек
Рисунок 13.

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

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

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

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

Всё готово.

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

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

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

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

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

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

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