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

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

Добрый день!

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

До:

Форма комментирования modx revo

После:

Авторизация через соц-сети modx revo

Личный кабинет в modx revo

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

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

  • Авторизация на сайте с помощью социальных сетей в один клик

  • Загрузка имени, логина и адреса электронной почты с аккаунта через который происходит авторизация

  • Вывод аватарки через Gravatar или из сервиса с помощью которого авторизовались

  • Объединение нескольких аккаунтов соц.сетей в один профиль на сайте

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

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

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

Настройка hybridauth

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

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

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

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

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

tpl.HybridAuth.logout

Вывод фото в HybridAuth

tpl.HybridAuth.profile

Вывод фото в HybridAuth

5. Для вывода личного кабинета создадим новый документ Личный кабинет и в поле контент вызовем сниппет  [[!haProfile]]

Личный кабинет в modx

Личный кабинет на Modx Revo

Личный кабинет в modx revolution

На этом все. Как видите ничего сложного в настройке нет.

Желаю всем удачи. До новых встреч!!)


Вам также будет интересно:

Комментарии (0)


    Vkontakte