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

Авторизация через социальные сети. Настройка HybridAuth на Modx Revo

17 марта 2017

 

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

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

До:

Форма комментирования 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

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

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

Если статья понравилась, то поделитесь ей в социальных сетях:

Понравилась статья? Подпишись и будь в курсе всех новостей!

Нажимая на кнопку, вы даете согласие на обработку своих персональных данных Политика конфиденциальности

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

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

  1. Сергей Петров20 июля 2017, 17:18#
    Подскажите пожалуйста пытаюсь сделать по вашей статью авторизацию, но выдает ошибку [HybridAuth] User profile request failed! Vkontakte returned an error: Exception: The Authorization Service has return: invalid_client in это получается на стороне вк ошибка?
    1. Александр Кудринский20 июля 2017, 17:41#
      Привет, а ключи в настройках правильно прописал? Ошибку только на вк выдает? или на всех соцсетях?
    2. Сергей Петров20 июля 2017, 19:09#
      Спасибо за наводку трабла была в ключах в запаре не тот вписал ))))
      1. Александр Кудринский20 июля 2017, 19:51#
        Да не за что)Рад что статья кому то пригодилась))
      2. Павел12 сентября 2017, 10:35#
        а как будут работать модули HybridAuth и Login?
        1. Александр Кудринский12 сентября 2017, 11:31#
          а зачем их вместе использовать?
        2. Валерий05 октября 2017, 20:36#
          А вы разобрались, как избавиться от генерации странных названий аккаунта? (там цифры только).
          Не пробовали ставить авторизацию через Яндекс? Я не могу заставить работать ее по безопасному протоколу. Подводит подгрузка картинок… В файле провайдера http на https исправил, но толку ноль.
          1. Александр Кудринский06 октября 2017, 08:07#
            Если честно то с этим не связывался, в моем случае двух соц сетей более чем достаточно. Но как будет возможность и время обязательно посмотрю, может что и получится. Если что, то отпишусь в комментариях.

          Vkontakte