Современные сайты всё чаще предлагают пользователям авторизацию через социальные сети․ Это удобно: не нужно запоминать десятки паролей‚ достаточно нажать кнопку «Войти через ВКонтакте»‚ «Войти через Яндекс» или «Войти через Google»․ В этой статье разберём‚ как устроен такой механизм‚ какие данные передаются и как настроить вход на собственном сайте․

Что такое вход через социальную сеть

Вход через социальную сеть (Social Login) — это способ авторизации на стороннем сайте с использованием учётной записи соцсети․ Вместо создания нового логина и пароля пользователь подтверждает вход через уже существующий профиль․

Работает это практически незаметно: отображается только всплывающее сообщение с просьбой подтвердить регистрацию или вход через выбранный сервис․ После подтверждения нажатием кнопки «Продолжить как․․․» социальная сеть передаёт ключ доступа к данным текущего профиля — в зависимости от установленных разрешений․

Какие данные передаются сайту

По умолчанию в сбор включаются общие данные профиля — public_profile․ В коде и адресной строке это прописывается через параметр scope‚ включающий в себя публичный профиль․ Эти же параметры можно увидеть в адресной строке в момент открытия окна «Войти через социальную сеть»․

Набор данных‚ входящий в публичный профиль‚ у всех соцсетей разный:

• ВКонтакте — имя‚ фамилия‚ фото профиля‚ при запросе — email;
• Яндекс ID — логин‚ email‚ имя;
• Google — имя‚ адрес электронной почты‚ аватар;
• Одноклассники — базовые сведения профиля․

Технически сайт получает JWT-токен‚ тело которого содержит информацию об аутентифицированном пользователе (email‚ логин и иные запрошенные сведения)․ Это позволяет за один запрос получить данные об авторизовавшемся пользователе и токены для доступа к API социальной сети․

Важный нюанс: логин и пароль

Созданные вами логин и пароль при заполнении профиля через соцсеть нельзя будет использовать для входа на сайт напрямую․ Для тех‚ кого такой вариант не устраивает‚ но при этом есть желание использовать и социальные сети‚ и классическую пару «логин + пароль»‚ рекомендуется:

1. Пройти стандартную процедуру регистрации на сайте․
2. Затем привязать к профилю социальную сеть в настройках аккаунта․

Если вы уже используете вход через соцсети‚ обязательно настройте доступ по логину и паролю․ Так вы сможете попасть в аккаунт‚ если возникнут сложности с авторизацией через социальные сети (например‚ при блокировке или удалении профиля)․

Альтернативы: ЕСИА и Mos ID

В отличие от социальных сетей‚ идентификация через ЕСИА (Госуслуги) является более достоверной — вы можете быть уверены‚ что пользователь действительно является тем‚ за кого он себя выдаёт․ Также доступен вход через учётную запись Mos ID (аккаунт сайта mos․ru‚ Система управления доступом к информационным ресурсам города Москвы‚ СУДИР)․

Как настроить вход через соцсети на своём сайте

Шаг 1․ Создание приложения в соцсети

Для ВКонтакте: выполните авторизацию и проверьте‚ как отображаются указанные в приложении данные․ Для Одноклассников: нажмите кнопку «Создать собственное приложение» и на открывшейся странице выполните вход в личный кабинет социальной сети․

Шаг 2․ Выбор плагина или модуля

• Login via Yandex — специализированный плагин для авторизации через Яндекс ID․ Подходит для русскоязычных проектов‚ интегрируется с WooCommerce․
• FluentAuth — плагин безопасности с функцией социального входа через GitHub‚ Google и другие сервисы․
• Модуль CS-Cart «Вход через соцсети» — позволяет покупателям авторизоваться через ВКонтакте‚ Яндекс‚ Mail․ru‚ Одноклассники и др․
• Gigya — помогает настроить вход через социальные сети‚ управление профилем‚ интеграцию со сторонними сервисами и рекламными платформами․

Некоторые решения предлагают премиальные функции: приветственные письма‚ кастомизацию формы входа․

Шаг 3․ Политика конфиденциальности

Укажите адрес политики конфиденциальности сайта в настройках плагина и сохраните изменения․ В результате на сайте будет реализован вход через социальные сети Facebook‚ ВКонтакте‚ а также аккаунт Google․

Вход в соцсеть с телефона

С телефона или планшета легче всего входить через официальное приложение — например‚ приложение Одноклассники можно скачать в Google Play или App Store․ Далее нужно ввести свои данные для авторизации, логин и пароль; Если введёте их корректно‚ откроется ваш профиль․ Он выглядит не совсем так‚ как на компьютере‚ но весь функционал сохраняется․

Рекомендации по безопасности

• Никому не сообщайте свой логин и пароль — даже «службе поддержки» (настоящая поддержка‚ например support@․ru‚ никогда не запрашивает пароль)․
• Включите двухфакторную аутентификацию в соцсети․
• Проверяйте адрес сайта перед вводом данных: официальные страницы входа расположены на доменах вида login․․ru или id․*․ru․
• Периодически проверяйте‚ каким сайтам и приложениям выдан доступ к профилю‚ и отзывайте лишние разрешения․
• Не переходите по ссылкам из подозрительных писем, фишинговые страницы часто имитируют форму входа соцсети․

Вход через социальную сеть, это быстрый и удобный способ авторизации‚ который упрощает жизнь и пользователям‚ и владельцам сайтов․ Однако важно помнить о безопасности: настраивайте резервный способ входа по логину и паролю‚ контролируйте выданные разрешения и используйте только официальные приложения и проверенные плагины․