Не давно появился урок о создании приложения которое выдаёт информацию об ID.Предлагаю вам свою версию написания приложения конечно функций гораздо меньше только твоя фотография и и.ф , но сделать гораздо легче. Для тех кто владеет HTML создать крутое приложение будет не проблема! Создание Для работы нужен любой хостинг с поддержкой php (пример: x10hosting.com , h1.ru ) 1. Создаём в блокноте файл с расширением .html 2. Пишем туда уже созданый код: HTML: <html> <head> <!-- подключаем xd_connection.js --> <script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script> <script type="text/javascript" charset="cp1251" > window.onload = (function() { // когда загрузится вся страница VK.init(function() { // инициализируем Vk API // узнаём flashVars, переданные приложению GET запросом. Сохраняем их в переменную flashVars var parts=document.location.search.substr(1).split("&"); var flashVars={}, curr; for (i=0; i<parts.length; i++) { curr = parts[i].split('='); // записываем в массив flashVars значения. Например: flashVars['viewer_id'] = 1; flashVars[curr[0]] = curr[1]; } // получаем viewer_id из полученных переменных var viewer_id = flashVars['viewer_id']; // выполняем запрос получения профиля VK.api("getProfiles", {uids:viewer_id,fields:"photo_big"}, function(data) { // обрабатываем полученные данные // выводим имя и фамилию в блок user_info document.getElementById('user_info').innerHTML = data.response[0].first_name + ' ' + data.response[0].last_name + '<br />'; // создаем img, для отображения аватарки var image=document.createElement('img'); // из полученных данных берем ссылку на фото image.src=data.response[0].photo_big; // добавляем img в блок user_info user_info.appendChild(image); }); }); }); </script> </head> <body> <div id="user_info">Test by DDs</div> </body> </html> xd_connection.js позволяет делать запросы к API ВКонтакте при помощи функции VK.api(String method, Object params, Function callback), при этом не нужно заботиться о подписи, версии Api, и анализе полученных данных, данные будут приходить в виде javascript объекта. VK.api принимает 3 параметра: 1) Название метода api. 2) Объект с параметрами запроса. 3) Функция для обработки результата. 3. Загружаем созданый html файл на сервер 4. Настраиваем приложение на сайте вконтакте. Выбираем: Состояние: Приложение включено и видно всем Тип приложения: IFrame Адрес IFrame: Ссылка на созданный html файл на вашем сервере. Добавить на страницу Если вы желаете сделать в приложении что бы оно просило добавить его на страницу , то нужно всего лишь вставить не большой php-код: PHP: echo '<script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script> <script type="text/javascript" charset="cp1251" > window.onload = (function() { VK.init(function() { VK.callMethod("showInstallBox"); }); }); </script>'; Вставляем в файл для теста и тестим... P.S - Данный код нужно вставлять в PHP: <? // код ?> Для укрепления Ну и дизайн можно создавать с помощью обычных картинок для примера: Вставляем в наш файл код картинки в html: HTML: <img src="http://s002.radikal.ru/i197/1007/1e/44c6e2a63e2c.jpg" > Впринцепи всё , кому нужны скрины , видео сделаю... Исходник (html , без дизайна и добавления) Готовое приложение (для работы вступите в http://vkontakte.ru/club18939146 )
echo '<script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script> <script type="text/javascript" charset="cp1251" > window.onload = (function() { VK.init(function() { VK.callMethod("showInstallBox"); }); }); </script>'; DDD
Cepe}|{a , эм, я взял только код (который в паблике давно и не на этом сайте) и готовый их ний исходник дабы не морать мой ссылка на исходник есть...
