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

3 комментария

  • +1
    Olena Verozub Olena Verozub 24 сентября 2018 11:58 #

    Сделала все, как написано в инструкции, но в результате:

    1. если через окно инкогнито, ошибка: "Вход не выполнен: Вы не вошли в систему. Выполните вход и повторите попытку."

    2. Если с обычного режима, (даже когда вышла из аккаунта), ошибка: Insecure Login Blocked: You can't get an access token or log in to this app from an insecure page. Try re-loading the page as https://

    В чем может быть проблема?

    • +1
      Михаил Ушенин Михаил Ушенин Webasyst 24 сентября 2018 12:02 #

      Похоже, что авторизоваться нужно со страницы, открытой по протоколу HTTPS. Для этого на вашем домене должен быть установлен SSL-сертификат.

    • +3
      Dmitry - Dmitry - 14 декабря 2018 16:24 #

      А где взять текст этой политики конфиденциальности? или свой нужно сочинить? 

      Добавить комментарий

      Чтобы добавить комментарий, зарегистрируйтесь или войдите