ВСети

Виджет для авторизации

С помощью виджета для авторизации Вы можете максимально просто предоставить пользователям возможность авторизовываться на Вашем ресурсе. Перед авторизацией пользователь сможет увидеть свою фотографию.

Подключение виджета к Вашему сайту

1. Подключите Ваш сайт в качестве приложения, вот здесь. После создания, запоминаем секретный ключ и id приложения, они понадобятся.

2. Cкопируйте код для вставки на страницу, на которой Вы хотите разместить виджет.

	<!-- Поместите этот код между тегами <head> на вашей странице -->
	<script type="text/javascript" src="http://vseti.by/js/api/openapi.js?2"></script>

	<script type="text/javascript">
	  VS.init({apiId: ИД_ПРИЛОЖЕНИЯ});
	</script>

	<!-- А этот код поместите в то место, где хотите видеть виджет -->
	<div id="vs_auth"></div>
	<script type="text/javascript">
	VS.Widgets.Auth("vs_auth", {width: "200px", authUrl: '/vseti_auth.php'});
	</script>

После успешной авторизации пользователь будет переадресован на указанный в параметре authUrl адрес с полями: uid, first_name, last_name, photo, photo_rec, hash

Для проверки авторизации Вы можете использовать полученный параметр hash сравнив его с md5 подписью от app_id.user_id.secret_key, например md5(163klhdbdfhhsdfHSF).

Файл vseti_auth.php может быть примерно таким

	<?php
	$app_secret = 'Секретный ключ вашего приложения';
	$app_id = 'ИД приложения';
	$uid = $_GET['uid'];
	$hash = $_GET['hash'];

	// Если пустой ид пользователя или хеш, или проверка хеша не прошла - выбрасываем ошибку

	if(empty($hash) or empty($uid) or $hash!=md5($app_id.$uid.$app_secret)) {
	    die('Ошибка авторизации!');

	} else {    // Если всё прошло хорошо - авторизуем пользователя

	    $first_name = $_GET['first_name'];
	    $last_name = $_GET['last_name'];
	    $photo = $_GET['photo'];

	    // Переменные у нас есть, встраиваем их в свой механизм авторизации
	    // Ваш код здесь... например такой:

	    echo 'Добро пожаловать, '.$first_name.' '.$last_name.'!';
	    echo '<img src="'.$photo.'" alt="Вот такой вы у нас красивый">';
	}
	?>