Авторизация через социальные сети на Modx Revo

Добрый день!

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

До:

После:

HybridAuth это приложение для авторизации через соц. сети и другие сервисы, разработанный Василием Наумкиным (@bezumkin). Главным достоинством HybridAuth для ModX Revo является то, что взаимодействие с сервисами проходит без каких-либо посредников, а также возможность объединять несколько аккаунтов разных социальных сетей в один профиль на Вашем сайте под управлением ModX Revo.

Выделим задачи с которыми HybridAuth справляется на 5+:

Авторизация на сайте с помощью социальных сетей в один клик
Загрузка имени, логина и адреса электронной почты с аккаунта через который происходит авторизация
Вывод аватарки через Gravatar или из сервиса с помощью которого авторизовались
Объединение нескольких аккаунтов соц.сетей в один профиль на сайте

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

1. Итак, для установки нашего приложения нажимаем в главном меню Modx Приложения -> Установщик -> Загрузить дополнения -> В поиске вбиваем HybridAuth и устанавливаем.

2. Далее переходим Настройки -> Системные настройки -> фильтруем по HybridAuth

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

3. Далее, в месте где вы хотите вывести форму авторизации, вставляем этот код. В моем случае, это чанки формы комментариев для незарегистрированных пользователей.

[[!HybridAuth? &providers=`Vkontakte, Facebook` ]]

Перечисляем нужных нам провайдеров через запятую.

4. Далее переходим в раздел Чанки -> tpl.HybridAuth.profile и tpl.HybridAuth.logout и в месте вывода фото меняем значение на [[+photo]] делается это для того чтобы подгружались аватарки из соц сетей.

tpl.HybridAuth.logout