ВКонтакте - Подключение Open API

dmytrodream

Захожу иногда

Репутация: +0/-0
Offline

Offline

Сообщений: 14

ВКонтакте - Подключение Open API

« : 19.04.2010, 01:21:56 »

Open API - система для разработчиков сторонних сайтов, которая предоставляет им возможность авторизовывать пользователей ВКонтакте на своих сайтах и с их согласия пользователей получать доступ к их информации, друзьям, фотографиям, аудиозаписям, видеороликам, объявлениям и др.
Более подробно В контакте http://vkontakte.ru/pages.php?o=-1&p=Open API

Каким образом это реализовать в Joomla?
файл xd_receiver.htm создал и запихнул на хост, а вот вопрос, куда добавлять вот этот блок:

<div id="vk_api_transport"></div>
<script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript"></script>
<script type="text/javascript">
VK.init({
apiId: "ВАШ_API_ID",
nameTransportPath: "<путь от корня сайта>/xd_receiver.htm"
});
</script>

Для тех кто не хочет переходить по ссылке, инструкцию ложу сюда.

Open API - система для разработчиков сторонних сайтов, которая предоставляет им возможность авторизовывать пользователей ВКонтакте на своих сайтах и с их согласия пользователей получать доступ к их информации, друзьям, фотографиям, аудиозаписям, видеороликам, объявлениям и др.

В рамках подключения Вашего сайта к Open API создается приложение, которое будет иметь доступ ко всем текущим методам ВКонтакте API непосредственно на Вашем сайте. Помимо этого Open API предоставляет возможность упростить процесс регистрации новых пользователей на Вашем сайте, если у них уже есть учетная запись ВКонтакте.

Подключение Open API
Для подключения возможности использования платформы Open API на Вашем сайте, необходимо выолнить следующие действия:

■Необходимо создать новое или взять уже созданное приложение
■Зайти на страницу редактирования приложения и выбрать раздел Open API в правом меню
■В появившейся форме необходимо заполнить следующие поля:
■Open API URL - адрес сайта к которому Вы планируте подключить Open API (например http://durov.at/)
■Базовый домен - базовый домен Вашего сайта (например, durov.at)

Ипользование Open API
Для взаимодействия с серверами ВКонтакте Open API использует технику кроссдоменной коммуникации. Поэтому для того, чтобы Ваш сайт мог взаимодействовать с серверами ВКонтакте, Вам необходимо разместить на Вашем сервере небольшой HTML-файл, который будет служить кроссдоменным каналом обмена данными.

Данный файл Вы можете загрузить по следующей ссылке http://durov.at/xd_receiver.html, либо создать самостоятельно, вставив в пустой файл xd_receiver.html следующий HTML-код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Open API XD Receiver</title>
</head>
<body>
<script src="http://vkontakte.ru/js/api/xd_receiver.js" type="text/javascript"></script>
</body>
</html>
Данный файл Вам неободимо выложить в удобном месте на Вашем сервере.

Инициализация Open API
Инциализация Open API может происходить двумя способами: обычным (синхронным) и асинхронным.

Обычная инициализация
Для использования обычной инициалиазации необходимо добавить следующий блок кода внутри тега:

<div id="vk_api_transport"></div>
<script src="http://vkontakte.ru/js/api/openapi.js" type="text/javascript"></script>
<script type="text/javascript">
VK.init({
apiId: "ВАШ_API_ID",
nameTransportPath: <путь от корня сайта>/xd_receiver.htm"
});
</script>

Асихронная инициализация
В отличие от обычной, асинхронная инициализация Open API, позволяет производить инициализацию платформы параллельно инциализации Вашего JavaScript-кода. Для использования асинхронной инициализации, добавьте следующий HTML и JavaScript код сразу же после открытия тега:

<div id="vk_api_transport"></div>
<script type="text/javascript">
window.vkAsyncInit = function() {
VK.init({
apiId: "ВАШ_API_ID",
nameTransportPath: <путь от корня сайта>/xd_receiver.htm"
});
};

(function() {
var el = document.createElement("script");
el.type = "text/javascript";
el.src = "http://vkontakte.ru/js/api/openapi.js";
el.async = true;
document.getElementById("vk_api_transport").appendChild(el);
}());
</script>
При использовании асинхронной инициализации наличие контейнера vk_api_transport является обязательным условием успешной инициализации. При обычной инициализации, контейнер будет создан автоматически, в случае его отсутсвия.


	Записан

site4

Осваиваюсь на форуме

Репутация: +4/-0
Offline

Offline

Пол: Мужской

Сообщений: 69

Продвижение сайтов, интернет магазины

	Автор	Тема: ВКонтакте - Подключение Open API (Прочитано 26906 раз)
0 Пользователей и 2 Гостей смотрят эту тему.