Настройка авторизации через Facebook

Как настроить авторизацию посетителей сайта через Facebook в личном кабинете и для оформления заказа

Если у вас несколько сайтов, то авторизацию нужно настроить отдельно для каждого сайта.

1. Установите SSL-сертификат для доменного имени своего сайта.
   

   Если ваш домен работает в облаке Webasyst, закажите установку сертификата через приложение «Облако» или в Центре заказчика.

2. Зарегистрируйтесь в «Фейсбуке».
3. Перейдите на страницу управления приложениями «Фейсбука».
4. Добавьте новое приложение.
5. Напишите любое название и свой email-адрес. Нажмите на «Создайте ID приложения».
6. После сохранения вас перенаправит в панель управления приложением. В разделе «» выберите «Вход через Facebook → Настроить».
   

   

7. Откроется мастер настройки. Пропустите его — сразу перейдите в раздел «Продукты → Вход через Facebook → Настройки».
   

   

8. Включите «Клиентская авторизация OAuth».В поле «Действительные URI перенаправления для OAuth» введите URL видаhttps://mydomain.ru/oauth.php?provider=facebookЗамените mydomain.ru на домен своего сайта.
   

   

   Сохраните изменения.

9. Перейдите в раздел «Настройки → Основное» и скопируйте «Идентификатор приложения» и «Секрет приложения».Оставьте открытой вкладку с настройками фейсбук-приложения.
10. В новой вкладке браузера войдите в бекенд Вебасиста и перейдите в приложение «Сайт».
11. В списке сайтов выберите тот, для которого вы настраиваете авторизацию через «Фейсбук».
12. Откройте раздел «Личный кабинет».
13. Включите авторизацию для выбранного сайта.
14. В секции «Социальные сети (дополнительный способ входа)» включите пункт «Авторизация через внешние сервисы».Если этот пункт уже включен, откройте его настройки с помощью ссылки «Настройки».
    

    

15. Включите флажок напротив «Facebook».
    

    

16. Вставьте скопированные значения из настроек фейсбук-приложения в поля «» и «Секрет приложения».
17. Сохраните настройки авторизации внизу страницы.
18. В разделе «Страницы» создайте опубликованную страницу с условиями политики конфиденциальности для пользователей «Фейсбука». Откройте страницу на своем сайте и скопируйте ее URL.
19. Вернитесь на вкладку с настройками фейсбук-приложения и откройте раздел «Настройки → Основное». В поле «URL-адрес политики конфиденциальности» вставьте скопированный URL страницы с условиями политики конфиденциальности.
    

    

20. С помощью переключателя вверху страницы переведите приложение из статуса разработки в опубликованный статус, чтобы авторизация через «Фейсбук» начала работать.
    

    

21. Проверьте, как работает авторизация:
    • Откройте свой сайт в режиме браузера «инкогнито». Или в другом браузере, где вы не авторизованы ни в своем Вебасисте, ни в «Фейсбуке».
    • Перейдите по ссылке «Вход».
    • Щелкните по иконке «Фейсбука».
      

      

    • Введите данные для входа в соцсеть.
      

      

    • После обновления страницы откроется личный кабинет зарегистрированного посетителя вашего сайта.

Готово! Авторизация через Facebook настроена.

• Главная
•  / 
• Помощь
•  / 
• Инструкция
•  / 
• Авторизация через социальные сети
•  / 
• Настройка авторизации через Facebook
•  / 

Обратите внимание: Для работы авторизации через Facebook необходимо, чтобы Ваш домен использовал SSL сертификат! Подробности спросите у Вашего менеджера.

Для настройки авторизации через Facebook перейдите на страницу Facebook for developers и авторизуйтесь под своей учетной записью Facebook.

После чего нажмите на кнопку «Создать новое приложение» в правом верхнем углу.

В появившемся окне укажите название приложения, к примеру, «Мой магазин», а также Ваш email, который будет использоваться для связи.

Далее нажмите на кнопку «Создайте ID приложения», в появившемся окне введите символы с картинки (капчу) и нажмите на кнопку «Отправить».

После создания приложения у Вас откроется панель управления, где в поле «Добавьте продукт» нажмите «Вход через Facebook«.

В появившемся окне выберите платформу приложения: Веб (WWW).

Укажите URL Вашего сайта и нажмите на кнопку «Save«:

После этого перейдите в левом верхнем меню в пункт «Настройки» — «Основное«

В поля «Домены приложений» и «URL-адрес политики конфиденциальности» укажите ссылки на Ваш магазин и нажмите «Сохранить» в правом нижнем углу.

Далее, в Вашем интернет-магазине перейдите в пункт меню «Настройки» — «Общие настройки» — «Авторизация через соцсети«

Поставьте галочку рядом с facebook, для активации и вставьте «Идентификатор приложения» и «Секрет приложения«, которые указаны в Основных настройках приложения Facebook. 

Сохраните изменения в магазине, нажав кнопку «Сохранить» в правом верхнем углу.

Далее, в левом меню, перейдите в продукт «Вход через Facebook» — «Настройки«

Активируйте все кнопки, как показано на скриншоте ниже, а также, в поле «Действительные URI перенаправления для OAuth» добавьте следующую ссылку:

Теперь для активации Вашего приложения Вам необходимо в верхнем меню нажать на серуюкнопку «Выкл» для активации приложения. 

После чего, в сплывающем окне выберите категорию приложения и нажмите «Подтвердить«.

Настройка авторизации через Facebook завершена

Используемые источники:

• https://support.webasyst.ru/20596/auth-facebook/
• https://tatet.net/p449-nastroyka-avtorizatsii-cherez-facebook.html