Авторизация через социальные сети для локальных пользователей - Кнопки - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Кнопки


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

Версии скрипта:

Авторизация через социальные сети для локальных пользователей uCoz: Версия 1.1 от 12/05/2015
Авторизация через социальные сети для локальных пользователейuCoz: Версия 1.2 от 18/05/2015

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

Я не буду полностью описывать установку скрипта, ее вы можете посмотреть перейдя по ссылкам выше. Скажу одно, скрипт очень легок в установке и не займет много времени. А я начну с 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>

Важно!

При копировании материала указывать ссылку на источник.

- 616
- 08-Января-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта