С чем вам помочь?

Задавайте вопрос или опишите проблему, с которой Вы столкнулись

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

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

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

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


Рисунок 1.

Если Вы не авторизованы на странице, то необходимо авторизоваться. Если вы не зарегистрированы как Developer, при создании приложения появится дополнительная форма.

Далее, создаем наше приложение.

1. В верху страницы справа появляется окно «Мои приложения» (рис.2)


Рисунок 2.

При нажатии на «Мои приложения», открывается окно со списком приложений, и кнопка «Добавить новое приложение»(рис.3).

 


Рисунок 3.

В открывшемся окне в поле «App a New app», выбираем к какой категории относиться данное приложение, в данном случае это Веб-сайт (рис 4)


Рисунок 4.

В открывшемся окне вводим Имя приложения и нажимаем кнопку "Create New Facebook App ID"


Рисунок 5.

Далее, выбираем категорию приложения, вводим email и нажимаем кнопку «Создайте идентификатор приложения» («Create App ID»)


Рисунок 6.

Далее на открывшейся странице в разделе «Tell us about your website» указать адрес сайт и нажать Далее (Next)


Рисунок 7.

На новой открывшейся странице в разделе «Next Steps»(«Следующие действия») выбрать приложение «Login» («Вход»)


Рисунок 8.

 

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

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


Рисунок 9.

Необходимо перейти на вкладку Настройки->Основное (Settings), в поле Домены приложений (App Domains) вписать основной домен, к примеру mysite.ru и после того, как добавили сайт, необходимо нажать «Сохранить»


Рисунок 10.

Затем перейти в раздел Настройки->Дополнительно


Рисунок 11.

На рисунке 12 показано красным цветом, какие переключатели обязательно нужно включить. А именно «Разрешить доступ API к настройкам приложения», «Allow Analytics Users to See Purchase Information». Эти два параметра выставляем в состояние "ДА" (Yes)

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


Рисунок 12.

Cнова перейти в основное, скопировать полученные «Идентификатор приложения» (App ID) и «Секрет приложения» (App Secret).

Эти настройки нам пригодятся в панели администрирования магазина.


Рисунок 13.

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

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

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

API Key - Это App ID

Секрет приложения - App Secret

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


Рисунок 14.

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


Рисунок 15.

Всё готово.

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Как мы можем улучшить статью?
Благодарим за отзыв.
Благодарим за отзыв. Мы улучшим эту статью.
Произошла ошибка.
Не нашли нужную статью? Предложить тему
Не нашли нужную статью?
Благодарим за отзыв.
Произошла ошибка.
© AdvantShop. Платформа для открытия интернет-магазина.