Авторизация через социальные сети для локальных пользователей uCoz
827материалов
228тем на форуме
3004комментария
6158пользователей

Авторизация через социальные сети для локальных пользователей uCoz


Описание скрипта:

Не так давно uCoz написал очень интересный скрипт "Авторизация через соц.сети для локальных (uCoz PHP + uAPI)" Скрипт позволяет вашим пользователям авторизоваться через социальные сети. Для установки нам потребуется: uAPI, услуга PHP, модуль "Пользователи", поле "Yahoo-идентификатор".

Версии скрипта:
Установка скрипта:

Я не буду полностью описывать установку скрипта, ее вы можете посмотреть перейдя по ссылкам выше. Скажу одно, скрипт очень легок в установке и не займет много времени. А я начну с 3 шага.

Установка. Шаг 3 – выбираем дизайн кнопок

Дизайн 1
Код
<?if($LOGIN_FORM$)?>
<script type="text/javascript">
<?if(strpos($REQUEST_URI$,'?aut=false2')!='-1')?>
new _uWnd('Name','Ошибка авторизации',300,100,{autosize:1,modal:true,maxh:200,minh:50},'Увы, но что-то пошло не так. Попробуйте авторизоваться снова');
<?endif?>
<?if(strpos($REQUEST_URI$,'?aut=false3')!='-1')?>
new _uWnd('Name','Ошибка авторизации',400,100,{autosize:1,modal:true,maxh:300,minh:50},'Мы обнаружили, что у нас уже есть пользователь с таким email. Воспользуйтесь восстановлением пароля уже существующего пользователя');
<?endif?>
</script>
<link type="text/css" rel="StyleSheet" href="http://webmaster-ucoz.ru/ucoz/1/cos/social.css" />
<script src="//ulogin.ru/js/ulogin.js"></script>
<div id="uLogin" data-ulogin="display=buttons;fields=first_name,last_name,email,nickname,photo;
redirect_uri=http://webmaster-ucoz.ru/php/ulogin/callback.php;">
<div></div>
<div id="uidLogForm" align="center">
<a href="javascript://" class="uid-login uid-but-center" title="Войти через uid" data-uloginbutton = "uid" rel="nofollow"><span class="uid-but-icon"></span>Войти на сайт через uID</a>
<a href="javascript://" class="login-with facebook" title="Войти через facebook" data-uloginbutton = "facebook" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with vkontakte" title="Войти через vkontakte" data-uloginbutton = "vkontakte" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with yandex" title="Войти через yandex" data-uloginbutton = "yandex" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with google" title="Войти через google" data-uloginbutton = "google" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with ok" title="Войти через odnoklassniki" data-uloginbutton = "odnoklassniki" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with twitter" title="Войти через twitter" data-uloginbutton = "twitter" rel="nofollow"><i></i></a>
</div></div>
<?endif?>

Дизайн 2
Код
<?if($LOGIN_FORM$)?>
<script type="text/javascript">
<?if(strpos($REQUEST_URI$,'?aut=false2')!='-1')?>
new _uWnd('Name','Ошибка авторизации',300,100,{autosize:1,modal:true,maxh:200,minh:50},'Увы, но что-то пошло не так. Попробуйте авторизоваться снова');
<?endif?>
<?if(strpos($REQUEST_URI$,'?aut=false3')!='-1')?>
new _uWnd('Name','Ошибка авторизации',400,100,{autosize:1,modal:true,maxh:300,minh:50},'Мы обнаружили, что у нас уже есть пользователь с таким email. Воспользуйтесь восстановлением пароля уже существующего пользователя');
<?endif?>
</script>
<link type="text/css" rel="StyleSheet" href="http://webmaster-ucoz.ru/ucoz/1/cos/social2.css" />
<script src="//ulogin.ru/js/ulogin.js"></script>
<div id="uLogin" data-ulogin="display=buttons;fields=first_name,last_name,email,nickname,photo;
redirect_uri=http://webmaster-ucoz.ru/php/ulogin/callback.php;">
<div></div>
<div id="uidLogForm" align="center">
<a href="javascript://" class="uid-login uid-but-center" title="Войти через uid" data-uloginbutton = "uid" rel="nofollow"><span class="uid-but-icon"></span>Войти на сайт через uID</a>
<a href="javascript://" class="login-with facebook" title="Войти через facebook" data-uloginbutton = "facebook" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with vkontakte" title="Войти через vkontakte" data-uloginbutton = "vkontakte" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with yandex" title="Войти через yandex" data-uloginbutton = "yandex" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with google" title="Войти через google" data-uloginbutton = "google" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with ok" title="Войти через odnoklassniki" data-uloginbutton = "odnoklassniki" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with twitter" title="Войти через twitter" data-uloginbutton = "twitter" rel="nofollow"><i></i></a>
</div></div>
<?endif?>

Дизайн 3
Код
<?if($LOGIN_FORM$)?>
<script type="text/javascript">
<?if(strpos($REQUEST_URI$,'?aut=false2')!='-1')?>
new _uWnd('Name','Ошибка авторизации',300,100,{autosize:1,modal:true,maxh:200,minh:50},'Увы, но что-то пошло не так. Попробуйте авторизоваться снова');
<?endif?>
<?if(strpos($REQUEST_URI$,'?aut=false3')!='-1')?>
new _uWnd('Name','Ошибка авторизации',400,100,{autosize:1,modal:true,maxh:300,minh:50},'Мы обнаружили, что у нас уже есть пользователь с таким email. Воспользуйтесь восстановлением пароля уже существующего пользователя');
<?endif?>
</script>
<link type="text/css" rel="StyleSheet" href="http://webmaster-ucoz.ru/ucoz/1/cos/social3.css" />
<script src="//ulogin.ru/js/ulogin.js"></script>
<div id="uLogin" data-ulogin="display=buttons;fields=first_name,last_name,email,nickname,photo;
redirect_uri=http://webmaster-ucoz.ru/php/ulogin/callback.php;">
<div></div>
<div id="uidLogForm" align="center">
<a href="javascript://" class="uid-login uid-but-center" title="Войти через uid" data-uloginbutton = "uid" rel="nofollow"><span class="uid-but-icon"></span>Войти на сайт через uID</a>
<a href="javascript://" class="login-with facebook" title="Войти через facebook" data-uloginbutton = "facebook" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with vkontakte" title="Войти через vkontakte" data-uloginbutton = "vkontakte" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with yandex" title="Войти через yandex" data-uloginbutton = "yandex" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with google" title="Войти через google" data-uloginbutton = "google" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with ok" title="Войти через odnoklassniki" data-uloginbutton = "odnoklassniki" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with twitter" title="Войти через twitter" data-uloginbutton = "twitter" rel="nofollow"><i></i></a>
</div></div>
<?endif?>

Дизайн 4
Код
<?if($LOGIN_FORM$)?>
<script type="text/javascript">
<?if(strpos($REQUEST_URI$,'?aut=false2')!='-1')?>
new _uWnd('Name','Ошибка авторизации',300,100,{autosize:1,modal:true,maxh:200,minh:50},'Увы, но что-то пошло не так. Попробуйте авторизоваться снова');
<?endif?>
<?if(strpos($REQUEST_URI$,'?aut=false3')!='-1')?>
new _uWnd('Name','Ошибка авторизации',400,100,{autosize:1,modal:true,maxh:300,minh:50},'Мы обнаружили, что у нас уже есть пользователь с таким email. Воспользуйтесь восстановлением пароля уже существующего пользователя');
<?endif?>
</script>
<link type="text/css" rel="StyleSheet" href="http://webmaster-ucoz.ru/ucoz/1/cos/social4.css" />
<script src="//ulogin.ru/js/ulogin.js"></script>
<div id="uLogin" data-ulogin="display=buttons;fields=first_name,last_name,email,nickname,photo;
redirect_uri=http://webmaster-ucoz.ru/php/ulogin/callback.php;">
<div></div>
<div id="uidLogForm" align="center">
<a href="javascript://" class="uid-login uid-but-center" title="Войти через uid" data-uloginbutton = "uid" rel="nofollow"><span class="uid-but-icon"></span>Войти на сайт через uID</a>
<a href="javascript://" class="login-with facebook" title="Войти через facebook" data-uloginbutton = "facebook" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with vkontakte" title="Войти через vkontakte" data-uloginbutton = "vkontakte" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with yandex" title="Войти через yandex" data-uloginbutton = "yandex" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with google" title="Войти через google" data-uloginbutton = "google" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with ok" title="Войти через odnoklassniki" data-uloginbutton = "odnoklassniki" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with twitter" title="Войти через twitter" data-uloginbutton = "twitter" rel="nofollow"><i></i></a>
</div></div>
<?endif?>
Находим http://webmaster-ucoz.ru/php/ulogin/callback.php и http://webmaster-ucoz.ru/ меняем на свой сайт

Выбор социальных сетей

Код вывода соц.сетей уже предусмотрен из шага 3 и если брать исключительно социальные сети, то их код такой:
Код
<a href="javascript://" class="uid-login uid-but-center" title="Войти через uid" data-uloginbutton = "uid" rel="nofollow"><span class="uid-but-icon"></span>Войти на сайт через uID</a>
<a href="javascript://" class="login-with facebook" title="Войти через facebook" data-uloginbutton = "facebook" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with vkontakte" title="Войти через vkontakte" data-uloginbutton = "vkontakte" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with yandex" title="Войти через yandex" data-uloginbutton = "yandex" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with google" title="Войти через google" data-uloginbutton = "google" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with ok" title="Войти через odnoklassniki" data-uloginbutton = "odnoklassniki" rel="nofollow"><i></i></a>
<a href="javascript://" class="login-with twitter" title="Войти через twitter" data-uloginbutton = "twitter" rel="nofollow"><i></i></a>

Как вы можете заметить, все классы, параметры и названия говоря сами за себя: uid – uid-авторизация, vkontakte – авторизация через ВКонтакте. Например, если вам не нужна авторизация через Google+, то удалите из кода строку
Код
<a href="javascript://" class="login-with google" title="Войти через google" data-uloginbutton = "google" rel="nofollow"><i></i></a>
На сегодня дизайн поддерживает только uID, Facebook, VKontakte, Yandex, Google, Odnoklassniki, Twiiter

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

PHP - скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о php - скрипте:
Дата добавления материала: 17.07.2015 в 00:00
Материал просмотрен: 4111 раз
Категория материала: PHP-скрипты
К материалу оставлено: 9 комментариев

Пожаловаться
Сказать спасибо
Источник

9 комментариев


Valera
Не плохо, себе надо установить!
avatar
Ivan Tsenev @Shumaxer 19.10.2015 19:272
0
18 минут и установил себе данный скрипт)
Ромчик
Ну как? Понравилось?
avatar
Ivan Tsenev @Shumaxer 20.10.2015 17:024
0
Пока не знаю, еще не было авторизаций через соц.сети)
argus
Денис @argus 26.10.2015 10:465
0
Что нужно делать, если пишет "... у нас уже есть пользователь с таким email....", а ты не помнишь ни логина, ни пароля?
upagge
Общий Друг @upagge 02.12.2015 15:177
0
Та же проблема, даже на их демо сайте такая проблема
VÖYSAX6065
Спасибо большое humor
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта