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

Авторизация через социальные сети на 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

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

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

Похожие записи:
[Modx REVO] Плейсхолдеры и Поля Ресурсов: различия между плюсом и звездочкой
[Modx REVO] Плейсхолдеры и Поля Ресурсов: различия между плюсом и звездочкой

Одним из преимуществ MODX является гибкое шаблонирование. Большая часть гибкости Подробнее:

Minishop2 минимальная сумма в заказе
Minishop2 минимальная сумма в заказе

Итак, допустим клиенту потребовалось, чтобы помимо сообщений о том, что Подробнее:

Modx REVO Устанавливаем шаблон по умолчанию для ресурсов через плагин
Modx REVO Устанавливаем шаблон по умолчанию для ресурсов через плагин

В MODX Revo, как вы уже заметили, при создании дочерних ресурсов, Подробнее:

MiniShop2. Оформление заказа (обязательные поля)
MiniShop2. Оформление заказа (обязательные поля)

При оформлении заказа у каждого метода доставки есть свои обязательные Подробнее:

Комментарии 1

  • ничего сложного нет в настройке тех провайдеров что есть, сложность в добавлении нового провайдера авторизации

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *