Как создать приложение для «Контакта» (ВКонтакте). Теория.
вКонтакте API

Всем привет. Наконец-то решился отрыть рубрику о создании приложений для социальной сети ВКонтакте, а проще говоря для контакта. Эта тема сейчас интересует многих. Сразу хочу отсеять школоту неопытных пользователей и сказать, что кнопки «СОЗДАТЬ ПРИЛОЖЕНИЕ ДЛЯ КОНТАКТА» не существует ! ) Здесь нужно иметь неплохие знания в области программирования. Если хотите делать приложение самостоятельно, то так же желательно уметь разрабатывать хорошие пользовательские интерфейсы (если собираетесь делать приложение) а так же уметь рисовать (если собираетесь делать игру).

Сегодня мы поговорим о теории и кода касаться не будем. Хотел бы пролить свет именно на то, какими средствами создаются приложения для контакта и какие знания для этого требуются.

По сути, приложения для контакта это обыкновенное flash приложение, за тем исключением, что оно использует «Вконтакте API» чтобы иметь возможность доступа к данным которые расположены на страницах пользователей контакта. Соответственно, так как это обыкновенное flash приложение мы и будем разрабатывать его в соответствующей среде Adobe Flash, можно так же разрабатывать с помощью Flex, но я этим языком не знаком, поэтому выбрал именно Flash.

Я использую на данный момент Adobe Flash CS4. Удобная среда, но удобная для создания интерфейсов, для программирования она совершенно не годится.

Всё ядро приложения ВКонтакте пишется на языке программирования ActionScript. Крайне советую использовать ActionScript 3.0. Для тех кто не писал на этом языке скажу, что он очень похож на java, а java в свою очередь похожа на C++, поэтому писать на ActionScript 3.0 очень легко если знаешь даже основы программирования, достаточно почитать документацию и в бой.

Так же для написания серьёзного приложения требуется сторонний сервер для хранения базы данных, поэтому нужно будет купить хостинг да понадёжнее, так как атаки на приложения бывают совсем не шуточные. Так как будет база данных нужно так же знать один из серверных языков для её обработки, потому что в самом ActionScript 3.0 функций для работы с базами данных нет.

Итак в сжатой форме попытаюсь рассказать что нужно для создания приложения для контакта.

  1. Знание основных принципов ООП (объектно ориентированного программирования)
  2. Знание основ алгоритмизации
  3. Знание ActionScript на уровне выше среднего
  4. Начальные навыки работы в среде Adobe Flash
  5. Знание одного из серверных языков программирования (я предпочитаю PHP)
  6. Средние умения работы с базами данных (я использую MySQL)

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

Литература:

PHP: «PHP5 в подлиннике» — там же Вы найдёте и основы MySQL

ActionScript 3.0: «Программирование на ActionScript 3.0″ книга от Adobe

Adobe Flash: «Использование Flash CS4 Professional» книга от Adobe

Заключение:

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

Подписывайтесь на RSS или на рассылку по E-Mail чтобы не пропустить следующие уроки. Всем хорошего настроения, пока.

Студия практического веб-дизайна качественно выполнит любой заказ на разработку сайта. Студия занимается такими видами веб-проектов: сайт визитка, сайт компании, интернет магазин. Всё это быстро, качественно и не дорого.

  • http://Сайт coodix

    Отличная серия статей. Я когда то тоже увлекался написанием приложений, результат вот — http://c0v.ru/vkontakte/Api.as , реализация основных методов.

    • http://comphobby.ru Николай

      Неплохая библиотека, только отслеживание ответа от контакта немного мудрёное, я делал dispatchEvent отдельного объекта, но об этом я ещё расскажу =) так же выложу свою библиотеку

  • Аноним

    Отличная статья, спасибо очень понравилась.

  • Мда

    Ппц,парни какнибуть полегче приложение создать незя мне (17) и вот щас изучать все эти проги не вариант,еси какнибуть полегче моно пиши плиз ((((id81221194))))

    • программист Димасик

      я знаю как полегче создать….Даже программы для этого не нужны 

    • вл

      полегче будет только купить у профессионального разработчика

  • Aswo

    >>Ппц,парни какнибуть полегче приложение создать незя мне (17) и вот щас изучать все эти проги не вариант,еси какнибуть полегче моно пиши плиз ((((id81221194))))
    ахаха одно нубье, одно нубье!!!!

  • viroff

    Начинаю работать с Вконтакте — первый же обламайс — создание приложений для вконтакта при помощи адобных программ — дело красивое, но не благодарное. Насколько я понимаю, CS4, CS5 стоят больших денег, при компиляции СВФ в него кладётся инфа о лицензии… ну вы меня понимаете.
    Отсюда два пути — либо писать код и интерфейс в адобе, а потом компилить в бесплатной прожке, либо писать всё с нуля в бесплатной же программе. Я вк апи и флеш знаю только 2 дня, сам пишу под си++, шарп и пхп, вот направьте меня по правильному пути — если я сего ещё не понимаю — не ругайте сильно.

    • snater

      Если боитесь санкций, компилируйте бесплатными программами, например FlashDevelop. А вообще контакт пока вообще не следит за этим вопросом

      • viroff

        Спасибо. То есть, если правильно понял, можно разрабатывать в СS, а скомпилить уже во Flash Develop? Сейчас так и делаю в принципе — только осторожно — не подкатываю файл .fla — пишу код ручками прямо во Flash Develop — так чище будет. Небогатый функционал приложения позволяет НЕ обращаться к фла — элементы UI взял стандартные Вконтактные — там они и смотреться роднее будут. Хотя, конечно, умение пользоваться WYSIWYG — редактором флеш не помешает, но я пока только начинаю въезжать во Флеш.

        • snater

          Впринципе, есть бесплатный Flex, можете спокойно делать приложения на нём. Тем более если вы используете UI контакта, вам флеш вообще не нужен

          • viroff

            Большое спасибо за ответы! Вы имеете ввиду бесплатную FLEX-SDK? просто флекс билдер денег тоже стоит :) пытаюсь сделать всё на одной сцене — просто координаты элементов менять, когда нужно. Всего семь-восемь экранов (извините за терминологию) то есть есть виртуальное пространство размером у на 8*х — в нем размещены элементы — показывается прямоугольник у на х, нажимается кнопка и координаты «показываемого» экрана сдвигаются — как в диафильме плёнка идёт :) Просто такая технология — первое, что пришло в голову — много мудрить не надо и всё экономно… в каждой сцене от 4 до 12 контролов :) сроки просто поджимают нужно представить что-то… а потом будем наворачивать UI красивый и сцены по-уму.

          • viroff

            В принципе поррылся в доках — буду делать в Flash Builder Flex-проект, а компилить его во Flash Develop. ;) — очень удобный вариант!

          • Влад

            а ломанная лицензия адоба тебя не устраивает?

  • http://status24.ru/ Дмитрий

    А как сделать в приложении мониторинг сайта, я тут нашел приложение, в него встроен сайт. Приложение обновляется как и сайт. Как также сделать, подскажите!

    • snater

      Не очень понял вопрос, что значит «в него встроен сайт». Покажите это приложение

      • http://status24.ru/ Дмитрий

        Вот адрес приложения: вконтакте app2017180

        • snater

          Такие приложения делаются с помощью iframe, вот ссылка на документацию http://goo.gl/kJpeG

          • http://status24.ru/ Дмитрий

            Что такое может быть? Страница «http://status24.ru/?api_url=http://api.vkontakte.ru/api.php&api_id=1928673&….» не найдена.

  • http://comphobby.ru/ Николай Гармаш

    Дмитрий, а что вы вообще пытаетесь сделать этим запросом, куда вы вставили эту ссылку?

    • http://status24.ru/ Дмитрий

      Всё я разобрался в чем ошибка. Дело в том, что сайт подключаемый юкозовский, а там если ставишь перенаправление на каталоги, то в приложение пишется ошибка, поэтому надо ставить на главную страницу

  • http://status24.ru/ Дмитрий

    У кого есть рабочая ссылка на:

    ActionScript 3.0: «Программирование на ActionScript 3.0″ книга от Adobe

    Adobe Flash: «Использование Flash CS4 Professional» книга от Adobe

    А то все битые

    • http://comphobby.ru/ Николай Гармаш

      отправил книги вам на почту

  • Евгений

    Николай Гармаш Отправьте мне на почту тоже все книги, а то скачать ну удается…

    Заранее благодарен!

    • http://comphobby.ru/ Николай Гармаш

      Вот ссылка, в этой раздаче все нужные книги http://goo.gl/3i6Uc

      • Status24ru

        А можно ли у iframe приложений настроить функцию: присыласть пользователям уведомления?

  • Kirillka376

    я школьник и хочу на приложение деньги рубануть , ну а тут заморочек столько=(

  • http://mobal.ucoz.ru Shadipaa

    mobal.ucoz.ru в помощь!

  • daniel

    Можем создать ЛЮБОЕ приложение vkontakte, mail.ru, facebook, odnoklassniki.
    Пишите 9665500@gmail.com
    Серьезная команда, быстрое выполнение, высокое качество работы.
    Дорого.

  • Roni

     Добрый день! Пишу приложения для ВКонтакте любой сложности! Так-же делаю сайты, прикладные программы, игры и все что связано с программированием.
    Ответственно отношусь к работе и ручаюсь за результат.
    Если Вас заинтерисовали мои услуги пишите:
    1. roni_2006@ukr.net
    2. vkontakte.ru/roni_only

  • Iu

    Я не хочу читать какая прога чтоб делать приложения киньте ссылку на скачивание)

  • TooTheTach

    дайте ссылки на книги или напишите всех авторов!!!!!!!!!!!!!!!!!!!!!!!Заранее спосибо!!!!!!!!!!!!!

    • TooTheTach

      мне надо книгу «Программирование на ActionScript 3.0″

      • TooTheTach

        и «Использование Flash CS4 Professional» и есть большое розличее 4 и 5 версии читать ету или 5 искать

  • Ananas

    помогу создать приложение обращяйтесь http://vk.com/idanakonda123

  • olga

    Добрый день. Мне требуется создать приложение для контакта, типа приложения, созданного липтон. Флешка, при нажатии на которую всю страницу пользователя «заливает» водой, стены плесневеют и страница разрушается — для рекламы гидроизоляционного материала.
    Сколько это будет стоить — готовы рассматривать предложения.
    Ольга
    kuolka@yandex.ru
    для примера, приложение липтон — http://vk.com/app2997565
    подробнее о рекламируемом продукте — http://www.skgsk.ru/

  • Tos

    Вот интересная идея нового приложения, нужно мнение
    http://vk.com/iingame

  • вова

    спасибо тебе за хорошую статью очень помогла!

  • House

    Ого, столько информации, что звездец

  • Лёша Давыдов

    Отгадайка (Продажа/обмен) (FLASH)

    Ссылка на приложение:

    http://vk.com/app2376658_77967313

    В исходнике идёт:

    -Исходник лаунчера

    -Исходник прелоадера

    -Дамп БД

    -Серверная чать (php)

    По обмену/продаже пишите сюда: http://vk.com/kaaaktuz

    Цена: договорная.