Skip to Content
РуководстваНастройка социальной авторизации

Настройка авторизации через социальные сети

Социальная авторизация позволяет пользователям входить на сайт через аккаунты популярных сервисов. Это упрощает регистрацию и повышает конверсию.

Для настройки социальной авторизации нужны права admin.social или admin.boss.

Поддерживаемые сервисы

Flute CMS поддерживает авторизацию через:

  • Discord — популярна среди геймеров
  • Steam — для игровых сообществ
  • Google — универсальный вариант
  • GitHub — для разработчиков
  • VKontakte — популярна в СНГ
  • Yandex — популярна в России и СНГ

Если нужного сервиса нет, попросите добавить его в нашем Discord .

Общие принципы настройки

Создание приложения в сервисе

  1. Зарегистрируйте приложение в консоли разработчика выбранного сервиса.
  2. Получите Client ID и Client Secret.
  3. Укажите корректные redirect URI (адреса вашего сайта).
  4. Настройте нужные права доступа (scopes).

Настройка в Flute CMS

  1. Откройте Админ-панель → Основные настройки → Социальные сети.
  2. Выберите сервис и нажмите «Настроить».
  3. Введите Client ID и Client Secret.
  4. Сохраните.

Общие требования

  • HTTPS обязателен: большинство соцсетей не работают без SSL.
  • Реальный домен: localhost и IP часто запрещены для OAuth.
  • Совпадение домена: везде используйте один и тот же домен/поддомен, как его видят пользователи и как выдаёт ваш хостинг (с/без www).

Настройка Discord

Discord часто используют игровые сообщества.

Создайте приложение в Discord

  1. Зайдите в Discord Developer Portal .
  2. Нажмите «New Application».
  3. Укажите название (имя вашего сайта).
  4. Нажмите «Create».

Получите данные

  1. В настройках приложения перейдите в раздел «OAuth2».
  2. Скопируйте Client ID.
  3. Скопируйте Client Secret (при необходимости нажмите «Reset Secret»).

Настройте redirect URI

  1. В разделе «OAuth2» откройте «Redirects».
  2. Нажмите «Add Redirect».
  3. Добавьте ссылки, которые показываются в админке Flute (Социальные сети → Discord):
    • https://вашдомен/social/Discord
    • https://вашдомен/profile/social/bind/Discord
  4. Используйте тот же публичный домен и протокол (HTTPS), что видят пользователи, включая домен, выданный хостингом. Если доступны варианты с www и без, добавьте оба.
  5. Сохраните.

Настройте в Flute CMS

  1. Откройте Админ-панель → Основные настройки → Социальные сети.
  2. Найдите Discord и нажмите «Настроить».
  3. Введите Client ID и Client Secret.
  4. Сохраните.

Если доступно example.com и www.example.com, добавьте оба в Redirects, чтобы исключить redirect_uri_mismatch.

Решение типичных проблем

Ошибка “redirect_uri_mismatch”

Причина: Redirect URI в сервисе не совпадает с URI в Flute.

Решение: Проверьте точное совпадение URL и протокола (https://), добавьте оба варианта домена (с/без www, домен от хостинга).

Ошибка “invalid_client”

Причина: Неверный Client ID или Client Secret.

Решение: Проверьте правильность копирования ключей из панели разработчика социальной сети.

Авторизация не работает на localhost

Причина: Большинство соцсетей не принимают localhost для OAuth.

Решение: Используйте реальный домен или настройте локальный домен через hosts файл.

Ошибка SSL/TLS

Причина: Отсутствует или неправильно настроен SSL-сертификат.

Решение: Убедитесь, что сайт доступен по HTTPS и сертификат действителен.

Если проблемы остаются, проверьте логи системы и убедитесь в корректности всех URL и ключей.

Настройка основного шаблонаОптимизация производительности