Авторизация через соц.сети

Flute интегрирует авторизацию через социальные сети с использованием библиотеки HybridAuth, обеспечивающей поддержку множества платформ. Для добавления опции авторизации через определенную социальную сеть, необходимо выбрать соответствующий драйвер и заполнить необходимые данные.

Настройка Авторизации на Примере Discord

1. Создание или Настройка Приложения Discord:

   • Перейдите на Discord Applications.
   • Создайте новое приложение или отредактируйте существующее.

   

2. Настройка OAuth2:

   • Внутри настроек вашего бота, перейдите на вкладку OAuth2.
   • Установите 2 Redirect URI в следующем формате: https://mysite.com/social/Discord и https://mysite.com/profile/social/bind/Discord

   

   warning

   Важно!

   Замените mysite.com на ваш домен.

   В зависимости от способа авторизации, последняя часть URI будет меняться, например Steam, Yandex и др.

   Идентификатор должен строго совпадать по регистру! Discord - не discord и т.д.

3. Получение Client ID и Client Secret:

   • Скопируйте Client ID и Client Secret из соответствующих полей.

   

4. Ввод Данных во Flute:

   • Введите скопированные данные в настройках драйвера Flute. Важно не перепутать id и secret.

   

Добавление Иконок Социальных Сетей

Стандартный шаблон Flute позволяет добавлять кастомные иконки для каждой социальной сети. Вы можете использовать иконки из phosphoricons или вставлять SVG-иконки напрямую. Пример с Discord:

Использование иконок Phosphor:

<i class="ph ph-discord-logo"></i>

Вставка SVG:

<svg>....</svg>