Если у вас несколько сайтов, то авторизацию нужно настроить отдельно для каждого сайта.
- Установите SSL-сертификат для доменного имени своего сайта.
Если ваш домен работает в облаке Webasyst, закажите установку сертификата через приложение «Облако» или в Центре заказчика.
- Зарегистрируйтесь в «Фейсбуке».
- Перейдите на страницу управления приложениями «Фейсбука».
- Добавьте новое приложение.
- Напишите любое название и свой email-адрес. Нажмите на «Создайте ID приложения».
- После сохранения вас перенаправит в панель управления приложением. В разделе «Продукты → Добавить продукт» выберите «Вход через Facebook → Настроить».
- Откроется мастер настройки. Пропустите его — сразу перейдите в раздел «Продукты → Вход через Facebook → Настройки».
- Включите «Клиентская авторизация OAuth».
В поле «Действительные URI перенаправления для OAuth» введите URL вида
https://mydomain.ru/oauth.php?provider=facebook
Замените mydomain.ru на домен своего сайта.
Сохраните изменения. - Перейдите в раздел «Настройки → Основное» и скопируйте «Идентификатор приложения» и «Секрет приложения».
Оставьте открытой вкладку с настройками фейсбук-приложения. - В новой вкладке браузера войдите в бекенд Вебасиста и перейдите в приложение «Сайт».
- В списке сайтов выберите тот, для которого вы настраиваете авторизацию через «Фейсбук».
- Откройте раздел «Личный кабинет».
- Включите авторизацию для выбранного сайта.
- В секции «Социальные сети (дополнительный способ входа)» включите пункт «Авторизация через внешние сервисы».
Если этот пункт уже включен, откройте его настройки с помощью ссылки «Настройки». - Включите флажок напротив «Facebook».
- Вставьте скопированные значения из настроек фейсбук-приложения в поля «Идентификатор приложения» и «Секрет приложения».
- Сохраните настройки авторизации внизу страницы.
- В разделе «Страницы» создайте опубликованную страницу с условиями политики конфиденциальности для пользователей «Фейсбука». Откройте страницу на своем сайте и скопируйте ее URL.
- Вернитесь на вкладку с настройками фейсбук-приложения и откройте раздел «Настройки → Основное». В поле «URL-адрес политики конфиденциальности» вставьте скопированный URL страницы с условиями политики конфиденциальности.
- С помощью переключателя вверху страницы переведите приложение из статуса разработки в опубликованный статус, чтобы авторизация через «Фейсбук» начала работать.
- Проверьте, как работает авторизация:
- Откройте свой сайт в режиме браузера «инкогнито». Или в другом браузере, где вы не авторизованы ни в своем Вебасисте, ни в «Фейсбуке».
- Перейдите по ссылке «Вход».
- Щелкните по иконке «Фейсбука».
- Введите данные для входа в соцсеть.
- После обновления страницы откроется личный кабинет зарегистрированного посетителя вашего сайта.
Готово! Авторизация через Facebook настроена.
21 комментарий
Сделала все, как написано в инструкции, но в результате:
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://
В чем может быть проблема?
Похоже, что авторизоваться нужно со страницы, открытой по протоколу HTTPS. Для этого на вашем домене должен быть установлен SSL-сертификат.
А где взять текст этой политики конфиденциальности? или свой нужно сочинить?
полный пипец !! по чему инструкцию не обновляет ни кто !!!
Теперь расскажите подробнее, где вы столкнулись с неактуальным описанием настройки. Покажите проблему на снимках экрана для наглядности.
Шаг 3 ведет сюда, а дальше что нажимать, или с сертификатом что то не так?
Судя по вашему снимку, возможно, вы перешли на страницу https://developers.facebook.com/, а нужно перейти на https://developers.facebook.com/apps/.
Странно, я пытаюсь пройти по этой ссылке, но последний тэг apps/ после перехода пропадает и мне выдает https://developers.facebook.com сюда. Я уже ее и просто копирую и вставляю в разные браузеры и инкогнито. Это зависит от браузера или какой-то доп авторизации?
Возможно, в вашем браузере когда-то раньше сработало перенаправление с этого адреса, и браузер это запомнил. Проверьте в другом браузере или очистите историю посещений в основном браузере, если для вас она не очень важна.
Все победил, не был зарегистрирован адрес почты. Но инструкция действительно не отразила действительность, я к своему глубочайшему сожалению не сделал скрины но на шаге 5 такой кнопки не было "Нажмите на «Создайте ID приложения»." Там были 4 других кнопки, но ни чего утверждать не буду, возможно через мой вход как то все по другому отразилось т.к. это фэйсбук. Но кому-нибудь из знающих и понимающих лучше бы проверить и пробежаться по шагам. Спасибо!
Инструкция нормальная, прошел все шаги.
А куда вставлять эти скрипты, которые помогают включить на сайте регистрацию и вход через Фейсбук?
Для настройки авторизации через Facebook никакой код в тему дизайна сайта добавлять не нужно. Выполните только шаги, описанные в этой статье.
Все выполнил, но не помогло.
Так и не работает(((
zoomapa.com.ua
можете проверить
Напишите нам в службу поддержки, пожалуйста, — изучим ситуацию подробнее.
При перевода приложения в рабочий режим запрашивает пункт
Удаление данных пользователей - инструкцию или запрос
Что прописать?
Укажите URL страницы с инструкцией по удалению данных. Перед этим опубликуйте такую инструкцию на своём сайте.
И как удалить эти данные? Что писать в инструкции? Это не просто удалить емейл, програмная реализация нужна как тут написано:
https://developers.facebook.co...
На вашем снимке написано:
Разместите на этой странице инструкции, поскольку функция обратного вызова пока не реализована. В инструкции напишите о том, как пользователи могут отправлять вам свои запросы на удаление данных и как вы их будете обрабатывать. При получении таких запросов удаляйте их данные любым доступным вам способом — например, с помощью приложения CRM.
Подскажите пожалуйста.
При настройке по инструкции всё равно ошибка при открытии окна авторизации -
404 Not Found
Возможно, конфигурация веб-сервера на вашем хостинге не соответствует примеру, опубликованному на нашем сайте. Проверьте это.