« Авторизация через соц.сети для локальных (uCoz PHP + uAPI) »

Описание материала:

Не так давно 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


Установка материала

Мы поможем установить данный материал к Вам на сайт

Источник

Материал взят со стороннего ресурса и был проверен нами


Добавил: Ромчик | Категория: Скрипты для uCoz | Просмотров: 974


Поделиться в соц. сетях:
Комментариев к материалу: 2
Красиво оформлено.
0
Роман 24.05.2015 в 21:55Спам
Старался)
0
avatar