Js api Вконтакте это

Что-то потянуло написать приложение для ВК, где заточил бы все под себя
Ну да проблема в другом — api контакта ну никак не хочет отдавать результаты с правильным токеном пользователя, но с другого ip-адреса.
Объясняю:
Приложение у меня на iFrame — загружено на апач на вдске. Запросы ранее были такого рода:

$getAudios = json_decode(file_get_contents(‘https://api.vk.com/method/audio.get?owner_id=’. $account_id .’ $AudiosCount = $getAudios->count;

Но разрабы вк шибко умные и отвечают 5(пятой) ошибкой на все мои запросы с сервера с использованием access_token.

Недолго прогуглив, узнал что данная проблема решается с помощью запросов на JS из браузера юзера к api серверу вк, затем передавая результат запроса на сервер приложения.

Поскольку в JS я полный ноль, прошу помощи.
Настрочил вот такой код:

$.get( «https://api.vk.com/method/audio.get», < owner_id: «», access_token: «» >, onAjaxSuccess ); function onAjaxSuccess(data) < var music_info = data; >$.post(«index.php?json_music=» + music_info);
НО, возвращать он ничего не возвращает.

Работа с API VK через JavaScript. Урок 2. Отправка сообщений и детальное отображение друга

Notice: Undefined index: json_music in var/vkapp/index.php on line 39
Строка с ошибкой:
$getAudios = json_decode($_POST[«json_music»]);

Да, находится она после js кода.
Если кто-то поможет с реализацией или подкинет нужных статей по этой теме(iFrame приложения и методы использующие Access Token), буду очень благодарен.

Источник: mipped.com

Разработка IFrame приложения в Контакте, использование Vkontakte API

Пару дней назад, одна моя знакомая попросила помочь ей создать интернет-голосование, поскольку, функционала в Контакте не хватало (там можно создавать опрос только на 15 человек). Задачка оказалась интересной. Итак, за дело!

Кому может пригодиться данный пост:

• тому кто пытается разобраться как работает API в Контакте;
• имеет опыт работы с популярными CMS, здесь речь пойдет о Joomla;
• сильно ограничен во времени;

Этап 1: введение

Заходим в контакт и создаем свое первое приложение — это можно сделать на здесь (описывать что там нужно заполнить я не буду, думаю с этим все разобрались)

Этап 2: серверная часть

Когда наше приложение создано, пора бы позаботиться о том, где его разместить. Я не задумываясь зашел на свой сервер и создал там новый субдомен (все равно как он будет называться — никто о нем не узнает)

• nginx
• apache
• php 5.2+ (как модуль apache) — версия важна!
• memcaсhed
• mysql

Устанавливаем Joomla — там все довольно прозрачно и понятно.

Этап 3: JS API и «API в Контакте»

Что у нас на вооружении: свеженькое приложение в Контакте и только что созданный сайт на каком-нибудь стандартном шаблоне Joomla.

03-08 Знакомство с API ВКонтакте

Тут сразу хочу обратить внимание на API в Контакте!

API существует 2 вида:

1. Javascript API
2. API в Контакте

С помощью первого можно вызывать разные диалоговый окна (приглашение друзей в приложение, зачисление голосов, установка доступа к пользовательским данным и т.д. подробное описание этих методов можно найти здесь.

Возможности второго намного больше! Обращение к скрипту www.vkontakte.ru/api.php может производиться любым удобным способом будь то AJAX запрос или HTTP запрос напрямую с сервера. Описание всех методов api есть здесь.

Теперь подробнее об инициализации api и работы с ними. Начнем по порядку:

JS API инициализируется добавлением в наш шаблон следующей яваскрипта:

VK.init(function() // API initialization succeeded
// Your code here
>);

Сразу хотелось бы заметить что «API initialization succeeded» эта строка здесь написана не зря и говорит о том, что функция VK.init выполнится, когда готово к работе API! Но не ваш web-ресурс. Для того что бы проверить готовность к выполнению вашего js кода, можно воспользоваться вашей любимой js-библиотекой или фереймворком. Лично я предпочитаю Mootools — им и воспользовался.

Мой код инициализации выглядит так:

VK.init(function() // API initialization succeeded
window.addEvent(‘domready’, function() //DOM ready
>)
>);

Что теперь мы можем делать? А теперь мы можем использовать API то есть например проверить, выбрал ли пользователь требуемые параметры доступа приложения к его данным. Например так:

Для этого сначала вызовем функцию getUserSettings, которая вернет нам битовую маску настроек текущего пользователя. Вызов осуществляется с помощью метода VK.api, где первый параметр это название функции, а второй CallBack функция. Переменная data это результат работы функции getUserSettings, который нужно проверить на предмет ошибки, если вернулось data.error — значит ошибка! Ошибка может быть по двум (на мой взгляд) причинам: приложение не одобрено администрацией сайта (у меня до одобрения работало только getProfiles, кстати, я потом встречал записи на форумах что в тестовом режиме все работает). Если функция вернула data.response то продолжаем работу сверяем битовые маски текущих прав и требуемых и вызываем функцию JS API showSettingsBox с единственным параметром (маска требуемых прав, у меня 263 — это доступ к фотографиям, друзьям и сслыка на приложение в левом меню пользователя)

О масках подробнее здесь.

На мой взгляд вызывать методы «API в Контакте» с помощью JS API как-то не хорошо. Это удобно для простых задач. Полностью Iframe приложение построеное на JS это очень трудоемко. И поэтому переходим к изучению HTTP запросов к API.

Этап 4: PHP и «API в Контакте»

Для этого у нас есть Joomla и класс который забираем по ссылке vkapi.class.php

для работы с API через PHP потребуется создать две константы, будут включаться в каждый запрос это api_id вашего приложения (его видно прямо в адресной строке при переходе по ссылке на приложение) и секретный ключ — он выдается при создании приложения (он длинный и его можно изменить в настройках приложения)

вызов API средствами PHP выглядит следующим образом:

foreach ($this->items as $item) $uids[] = $item->item;
>
$api = new vkapi();
$ans = $api->api(‘getProfiles’, array(‘uids’ => implode(‘,’,$uids), ‘fields’ => ‘photo, photo_big’));

Первый foreach берет всех зарегистрированных пользователей из моего приложения (но не более 1000), а далее выполняется запрос к «API в контакте» на загрузку данных об этих пользователях. На выходе имеем массив значений вида: $ans[‘response’][$i][‘field’], где response — массив данных о пользователях, дальше $i элемент и наконец требуемое свойство пользователя field например first_name (имя) или photo.

Преимущества такого подхода:

1. Становятся доступными secure методы API, что не маловажно если нужно узнать баланс или зачисить/снять голоса.
2. Не нужно писать «тысячи» строк кода на JS для работы с API
3. Мы получаем легко-администрируемый сайт и приложение одновременно.

Что именно я делал в Joomla рассказывать очень долго и не нужно я только приведу примерную логику работы моего приложения.

Не для кого не секрет, что все компоненты Joomla базируются на MVC-паттерне. Который все раскладывает по полочкам!

Controller компонента принимает все команды/запросы пользователя (хоть на действия пользователя при переходе по ссылкам, хоть с помощью AJAX запросов c использованием JS)

Model отвечает за все операции с базой данных нашего компонента, у меня, например: выводит само голосование, списки проголосовавших за определенного участника голосования, отвечает на проверку и повторного голосования и еще несколько вспомогательных функций.

View управляет выводом различных Layout’ов и передачей в них данных из модели.

Тем кто занимался разработкой компонентов под Joomla все предельно ясно.

Никто не мешает нам использовать класс vkapi.class.php в любом месте приложения, лично я использовал его только во view для подготовки данных к выводу (например по uid пользователей в контакте, который поставили мое приложение, я подгружал адреса фотографий)

Этап 5: Виджеты

Уже все привыкли к огромному количеству различных форм и кнопочек из соц сетей. Мне тоже захотелось такую в своем Iframe приложении. Каким образом подключить виджет комментариев:

Ни в коем случае не добавляйте на страницу следующий код:

это подходит для сайтов, но не подходит для Iframe приложений!

Достаточно сделать вот так:

в JS API уже реализованы функции добавления виджетов.

Что касается самих комментариев то вы знаете, что когда пользователь оставляет свой комментарий на странице с приложением, на его стене он тоже публикуется, но ссылкой на ваш сайт, а не на приложение! Что бы этого избежать нужно использовать параметр pageURL в котором будет указан адрес приложения в формате www.vkontakte.ru/app

В итоге у меня получилось так:

Этап 6: Вывод

На выходе имеем не сложное, но рабочее приложение в Контакте. Которое можно легко расширять и развивать добавляя новые и новые возможности и компоненты используя свою любимую CMS совместно с API в Контакте и JS API.

Спасибо за внимание, с уважением Данила.

P.S. Администрация одобрила приложение через день, попросив в залог 10 голосов.
P.P.S Через полтора часа после этого поступило уже несколько предложений о покупке! Сразу говорю не продается, не вижу смысла, теперь тем более!

• социальные сервисы
• голосование
• приложения для vkontakte
• программирование
• php
• joomla
• JS API
• api vkontakte

Источник: m.habr.com

Адрес iframe вконтакте где взять. JavaScript: Первое приложение Вконтакте: Hello World, Иваныч! II. Основные моменты реализации на JS

Сегодня речь пойдет о создании своего первого приложения для сайта «Вконтакте». Ну и как исторически сложившееся традиция, это будет программа «Hello World!».
Речь пойдет об IFrame приложении. Для тех кто не знает, эта технология позволяет создать приложение, используя ресурсы своего сайта. Другими словами, приложение — это фрейм с Вашим Интернет адресом.

Пусть наш сайт находится по адресу: http://mysite.ru. Для того, что бы не засорять директорию основного сайта, создадим папку в корне сайта и назовем ее «vk».

Источник: cdd-evo.ru