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

11 комментариев

  • +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 #

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

    • +1
      Семен Хорунжий Семен Хорунжий 18 августа 2020 21:46 #

      полный пипец !! по чему инструкцию не обновляет ни кто !!! 

      • +1
        Михаил Ушенин Михаил Ушенин Webasyst 19 августа 2020 09:15 #

        Теперь расскажите подробнее, где вы столкнулись с неактуальным описанием настройки. Покажите проблему на снимках экрана для наглядности.

      • +1
        Дмитрий Пыхонин Дмитрий Пыхонин 26 января 2021 19:10 #

        Шаг 3 ведет сюда, а дальше что нажимать, или с сертификатом что то не так?

      • +1
        Дмитрий Пыхонин Дмитрий Пыхонин 27 января 2021 16:30 #

        Странно, я пытаюсь пройти по этой ссылке, но последний тэг apps/ после перехода пропадает и мне выдает https://developers.facebook.com сюда. Я уже ее и просто копирую и вставляю в разные браузеры и инкогнито. Это зависит от браузера или какой-то доп авторизации?

        • +1
          Михаил Ушенин Михаил Ушенин Webasyst 27 января 2021 17:04 #

          Возможно, в вашем браузере когда-то раньше сработало перенаправление с этого адреса, и браузер это запомнил. Проверьте в другом браузере или очистите историю посещений в основном браузере, если для вас она не очень важна.

          • +1
            Дмитрий Пыхонин Дмитрий Пыхонин 27 января 2021 17:09 #

            Все победил, не был зарегистрирован адрес почты. Но инструкция действительно не отразила действительность, я к своему глубочайшему сожалению не сделал скрины но на шаге 5 такой кнопки не было "Нажмите на «Создайте ID приложения»." Там были 4 других кнопки, но ни чего утверждать не буду, возможно через мой вход как то все по другому отразилось т.к. это фэйсбук. Но кому-нибудь из знающих и понимающих лучше бы проверить и пробежаться по шагам. Спасибо!

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

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