Как создать приложение ВКонтакте - TurboComputer.ru
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд (пока оценок нет)
Загрузка...

Как создать приложение ВКонтакте

Как сделать приложение в ВКонтакте

Данная статья поможет вам самостоятельно попытаться создать приложение или игру в ВКонтакте, расскажет о типах приложений, об их исходниках и о многом другом.

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

Самостоятельное создание приложения

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

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

Если вы интересуетесь, как создать приложение ВКонтакте бесплатно, вам нужно будет перейти по следующей ссылке: http://vk.com/developers.php. В документах написано, что все разрабатываемые приложения будут использовать API. Эта аббревиатура переводится с английского как интерфейс прикладного программирования. Иными словами, это перечень команд, которые могут использовать различные программы ВКонтакте.

Типы приложений

Прежде чем начинать раздумывать о том, как создать приложение в ВК, необходимо знать, что на этом ресурсе есть два их типа. Это, кстати, отражено в документации.

  • Flash-приложения. Они представляют собой файлы, для которых предусмотрено расширение .swf. Они делаются в среде Adobe Flash, затем производится компиляция в файл, после чего осуществляется из загрузка на сервера данного ресурса либо на свой сервер.
  • Iframe (ифрейм) приложения. Они могут делаться с применением различных технологий, предоставляемых браузерами, имеющимися на сегодняшний день. Потом на странице ВКонтакте будет возникать определенное окно, в котором люди смогут пользоваться этим приложением. Передавать и принимать данные программа будет посредством JavaScript.

Обучающее видео

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

Надеемся что теперь вам стало более понятно, как сделать приложение В Контакте.

Что необходимо знать

Отдельно хочется сказать о некоторых языках программирования и технологиях, которые вам нужно будет знать. Как делать приложения в ВК, не зная их? Это нереально. Вот этот перечень:

  • Adobe Flash
  • Action Script
  • 3D движки
  • PHP
  • HTML
  • JavaScript

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

Исходники приложений

На сегодняшний день в сети можно отыскать исходники приложений ВКонтакте. Многие можно бесплатно скачать на файлообменниках.

Однако если вы желаете получить исходник какого-то определенного приложения, следуйте этой инструкции:

  • Устанавливаем его себе на страницу и запускаем.
  • Кликаем правой кнопкой по странице и в меню нажимаем на «Исходный код». Видим код страницы (но не самой программы).
  • В поиске пишем «http://», в результатах поиска ищем ссылку, заканчивающуюся на «.zip». Копируем ее и вставляем в адресную строку, удаляем косые линии. Нажимаем на Enter. Архив скачивается.
  • Сохраняем архив. Заменяем расширение на .swf. Открываем в каком-либо флеш-плеере.

Таким образом, мы получили оффлайн-версию исходника. Для того, чтобы получить сами коды на приложения, потребуются декомпиляторы. Нужно будет поработать с их помощью над этим файлом.

Если вам все это кажется сложным, легче будет скачать исходник приложения. Однако, следует учитывать, что исходники не всех программ можно легко скачать в Интернете.

Платная разработка приложений

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

Но если вы желаете узнать, как разработать приложение самостоятельно, то следующая инструкция для вас.

Последовательность создания приложения

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

Бесплатные программы

Программы для приложений ВКонтакте можно скачать в Интернете бесплатно. В первую очередь, конечно, потребуется скачать Adobe Flash. Это главная и основная программа, которая позволит вам начать работу над своим проектом. Данная программа для создания приложения очень удобна. Однако работать с ней новичку нелегко. Но со временем появляются навыки и пользоваться ею становится проще. Остальные проги для приложений тоже отличаются удобством в использовании. 3D движки, например, значительно ускоряют и упрощают процесс создания приложений.

Самый легкий способ

Если хотите создать свою программу в максимально короткие сроки, используйте конструктор приложений ВКонтакте. Free Apps, к примеру, позволяет создать приложение за 5 минут.

Теперь вы знаете, в общих словах, как написать приложение для ВКонтакте.

Как создать приложение ВКонтакте

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

Как создать приложение ВК

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

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

  1. Standalone-приложение является универсальной платформой для дополнения. Благодаря использованию этого типа приложений вам будут доступны все существующие типы запросов к API ВКонтакте. Чаще всего Standalone-приложение используют при необходимости отправки запросов к API VK из программ, работающих под различными операционными системами.
  2. Платформа с типом веб-сайт позволяет обращаться к API ВКонтакте с любого стороннего ресурса.
  3. Встраиваемое приложение предназначено для создания дополнений исключительно на сайте VK.com.

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

Кроме прочего, стоит отметить, что «Встраиваемое приложение» имеет три подтипа:

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

Непосредственно сам процесс создания неспособен вызвать трудностей.

    Откройте сайт ВК и перейдите на главную страницу VK Developers.

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

Чтобы приступить к созданию дополнения, необходимо переключится на вкладку «Мои приложения».

Нажмите кнопку «Создать приложение» в правом верхнем углу страницы или кликните по идентичной надписи в самом центре открытого окна.

Установите выделение рядом с одним из типов платформы в одноименном блоке.

Нажмите кнопку «Подключить приложение», чтобы создать дополнение для выбранной платформы.

Текст, размещенный на кнопке, может отличаться в зависимости от выбранной платформы.

На этом этапе процесс создания приложений ссылается на упомянутую ранее документацию и требует от вас определенных навыков программирования на различных языках, которые предусмотрены списком SDK заготовок.

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

Читайте также:  Native client что это за плагин

Как создать приложение ВК самому: пошаговая инструкция

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

Выбор языка программирования и определение с идеей

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

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

Если механика игры будет проста, но оригинальна, наверняка найдутся поклонники. Кроме того, старайтесь использовать уже известный геймплей, если вы решили создать игру. Реализуйте проект так, чтобы пользователи хотели в него играть. Самые востребованные игры по жанрам являются:

  • Известные с детства игры, например, лото, крестики-нолики или «Найди отличия».
  • Карточные игры и пасьянсы, в том числе современные и покер.
  • Казуальные аркады, вроде тетриса или «три в ряд».

Обратите внимание, что после создания изменить жанр или разновидность невозможно. Поэтому точно решите, что вы хотите разработать, уже на начальном этапе.

После выбора идеи внимательно ознакомьтесь с документацией ВК, которая предназначена именно для разработчиков. Чтобы узнать подробнее, перейдите по ссылке vk.com/developers. Затем перейдите в раздел «Документация» и внимательно его изучите полностью.

Как создать приложение ВК

Перед тем, как сделать приложение для ВК самому, определитесь с его типом. На ресурсе их всего два:

  1. Iframe проекты создаются с помощью специальных инструментов браузера. Данные принимаются и передаются посредством JavaScript. Люди, запустившие ваш проект, попадут в отдельное окно в браузере, затем смогут им воспользоваться.
  2. Flash-приложения – файлы с расширением .swf. Они создаются через Adobe Flash, после чего сжимаются в файл и выгружаются на сервер.

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

Через ВК

Как создать приложение для VK Apps? Для этого следует воспользоваться сервисом от социальной сети. С помощью него разработчики могут создавать свои сервисы для использования внутри мобильного приложения Vk. Следуйте пошаговой инструкции:

  • Зайдите на главную страницу сайта Vk Developres (https://vk.com/dev) . Вы должны быть авторизованы в социальной сети.
  • Перейдите во вкладку «Мои приложения».

  • В открывшемся окне нажмите на кнопку создания проекта.

  • Откроется форма с строками для заполнения. Введите название своего проект, выберите платформу, тип и категорию. Также вы можете добавить описание, которое расскажет о всех достоинствах вашего приложения.
  • Нажмите на кнопку «Перейти к загрузке» и залейте файл. После чего будет необходимо подтвердить действие, используя мобильный телефон.

Чтобы создать приложения ВК нужна API интеграция. Она позволяет открывать окна установки и настройки проекта, а также приглашение друзей и ввода голосов. Внутри есть возможность получить баланс пользователя и события в случае, если установка или изменение настроек произошло успешно.

Как создать приложение в ВК для группы? Для этого выберите в конструкторе параметр «Встраиваемое приложение», затем поставьте галочку напротив пункта «Приложение сообщества».

После отправки должностные лица социальной сети Вконтакте проверят ваш готовый проект и решат, занесется ли он в специальный каталог.

Программы для разработки

Создание iFrame приложения в ВК возможно посредством специальных программ и сервисов. Это поможет, если вы не хотите тратить время на изучение языков программирования и других тонкостей.

Для создания flash-проектов потребуется научиться работать с программой Adobe Flash. Новичку разобраться с ней сначала непросто, но она позволит создать полноценный и качественный проект любому пользователю ПК.

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

  • конструктор 3apps.ru;
  • Appmarkt;
  • iBuildApp;
  • AppGeyser.

Сервис BeApp позволяет сделать приложение в группе ВК, в которой вы являетесь администратором. Конструктор встраивается в сообщество в несколько кликов. Базовые функции доступны бесплатно. С помощью встроенного редактора вы можете тонко настроить каждый элемент.

Приложение iFrame или Flash Вконтакте можно создать бесплатно, изучив особенности программирования и применив их на практике. При использовании стороннего софта будьте внимательны, потому как утилиты и программы требуют разрешение к доступу вашего аккаунта.

Работа профессионала

Самый простой способ создания – заказать разработку у команды профессионалов. Такой метод может дорого обойтись в финансовом плане, но обладает рядом преимуществ:

  • Экономит время, так как не придется изучать основы программирования и работать над проектом самостоятельно.
  • Вам удастся избежать ошибок, которые часто открываются после тестирования проекта.
  • Специалисты выполнят проект не только на высоком уровне, но и достаточно быстро.
  • Есть возможность сделать приложение ВК не только на русском, но и на английском языке.

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

Исходники приложений

Создание проекта не обязательно начинать с нуля. Можно с помощью исходников, которые некоторые разработчики распространяют бесплатно в сети. Часто их можно встретить на форумах или файлообменниках.

Если же вам необходим исходник, данные которого не найти, можете сделать следующее:

  • Установите приложение к себе и запустите его.
  • В открывшемся окне щелкните правой кнопкой мыши, чтобы открылось контекстное меню. Здесь выберите пункт «Исходный код» страницы.

  • Появится строка поиска, где нужно написать http://. Откроется список ссылок.

  • Найдите в перечне файл с расширением .zip и скопируйте его в буфер обмена.
  • Вставьте ссылку в адресную строку браузера, убрав все слеши, и нажмите клавишу Enter.

После проделанной процедуры, архив скачается на ваш жесткий диск. Замените расширение архива на .swf, после чего можете открыть в Adobe Flash или любой удобной программе. Чтобы начать работать с исходником, нужно получить его код. Делается это путем декомпиляции – сложным процессом, который воссоздает исходник из машинного кода.

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

Разработка приложений в VK mini apps

Почему надо смотреть в сторону разработки приложений для работы в VK? У меня за спиной много лет фронтенд-разработки для массовых сервисов, и то, что сейчас предлагает разработчику социальная сеть «ВКонтакте» — быстрый и эффективный способ построить еще один канал коммуникации с действительно большой аудиторией. Ниже расскажу, в чем идея VK mini apps, какие технологии использовать при разработке приложения и на что стоит обратить внимание.

Платформа VK mini apps

«ВКонтакте» предоставляет сторонним разработчикам возможность писать веб-приложения и размещать их в каталоге приложений и/или продвигать внутри сети. Пользователям приложений не нужно скачивать отдельные нативные приложения из Google Play/App Store, функционал выбранного приложения доступен внутри пользовательской сессии основного приложения во «ВКонтакте» или через браузер, на сайте соцсети. В социальной сети есть подробная инструкция о том, как начать работу на платформе VK mini apps.

Инфраструктура приложения VK mini app

Приложение VK mini app представляет собой обычный веб-ресурс, располагаемый по определенному адресу. Его мы должны разместить в «Панели управления приложением» социальной сети.

Читайте также:  Создание второго аккаунта ВКонтакте

«ВКонтакте» позволяет разместить три версии приложения:

  • для мобильных клиентов — то есть для открытия в нативном приложении «ВКонтакте»;
  • десктопный вариант — vk.com в браузере;
  • вариант для браузеров в мобильных телефонах (https://m.vk.com).

При размещении вы также можете включить «Режим разработки». Он позволяет пользователям «ВКонтакте», назначенным в качестве администраторов приложения, использовать для тестирования каждой из трех витрин отдельный адрес. То есть открывая приложение, обычный пользователь увидит то, что расположено по условном адресу yourapp.com, а администратор — test.yourapp.com.

Ваш веб-ресурс встраивается в приложение «ВКонтакте» через обычное WebView, при открытии с десктопа — через iFrame. Поэтому необходимо держать в уме, что часть функционала JavaScript может быть недоступна, необходимо тщательное тестирование.

После тестирования веб-приложения на разных устройствах его можно отправлять на модерацию, чтобы оно могло быть размещено в каталоге. Заявка на модерацию отправляется из «Панели управления приложением». Объявленный «ВКонтакте» срок модерации — 7 дней. Выкладки новых приложений (сервисов по терминологии «ВКонтакте») происходят раз в неделю по четвергам.

Есть подробная памятка о том, как создать правильное приложение. Рекомендую внимательно свериться с ней, прежде чем отдавать приложение на модерацию.

Разработка приложения VK mini app

Итак, приложение VK Mini Apps — это, по сути, обычное веб-приложение, которое встраивается в платформу посредством iFrame или WebView. Поэтому выбор технологий, на котором оно будет написано, за вами.

Однако для разработки фронтенда «ВКонтакте» рекомендует собственную библиотеку готовых компонентов VK UI, выполненную на React:

Это удобно — многие типовые компоненты уже готовы, осталось только встроить их в структуру вашей страницы или SPA.

Компоненты уже стилизованы согласно styleguide «ВКонтакте» — пользователю будет привычнее и удобнее работать с теми элементами управления и интерактивом, к которым он уже привык, находясь внутри социальной сети.

«ВКонтакте» не требует от разработчика следования какой бы то ни было жесткой архитектуре построения фронтенда — мы берем только то, что нужно, и модифицируем компоненты так, как нужно. Например, вы всегда сможете добавить глупому view-компоненту свой класс, свой обработчик событий, сделать вложенные компоненты любой глубины и так далее.
Существует достаточно подробная (правда, не совсем полная) документация по VKUI. Исходный код на GitHub: https://github.com/VKCOM/VKUI. Соответственно, максимально простая установка:

Обязательно нужно поставить следующий метатег в head верстки страницы вашего приложения, иначе на устройствах с iOS будет неправильно отображаться нативная навигация «ВКонтакте»:

Далее нам нужно просто встроить React-приложение на страницу.

Параметры открытия приложения

«ВКонтакте» сам добавляет параметры запуска к адресной строке, по которой открывается ваше приложение. Их список следующий: vk_user_ >
Это позволяет уже при старте приложения иметь достаточно полный набор данных, извлеченных из url, чтобы начать персональное взаимодействие с конкретным пользователем. Например, говорить с ним на одном языке — русском, английском или каком-то другом, либо попросить о включении своих уведомлений.

Дополнительные параметры в этот список «ВКонтакте» на ноябрь 2019 года включать не планирует. Однако в url можно передать произвольный хэш, например: youvkapp.ru#custom_param

Роутинг

Если в приложении больше одного экрана (я думаю, это как раз ваш случай), нужен переход между экранами. За показ того или иного экрана отвечает state нашего React-приложения. Что касается организации View, то «ВКонтакте» предлагает два способа: смена активного компонента VKUI View и VKUI Panel.

Каждый View отвечает за свой пользовательский сценарий: основной, дополнительный, вызов справочников, страницы поиска и другие. Внутри View содержится свой набор Panel — это конкретные шаги (экраны) в пользовательском сценарии. Абстрактно это выглядит так:

В state в activePanel мы прописываем id того элемента, который нужно показать.

Верстка и компоненты

Теперь можно посмотреть типичную страницу внутри Panel, созданную с помощью компонентов VK UI.

Библиотека VK UI предоставляет практически полный набор компонентов, необходимых для построения интерактивного приложения: всевозможные элементы форм, попапы, стилизованные алерты, галереи, панели навигации, спиннеры, аватары, футеры и так далее.

import < Button, Div, FormLayout, Input, Panel, PanelHeader, PanelHeaderBack, Search, View >from “@vkontakte/vkui”; import Icon36Done from “@vkontakte/icons/dist/36/done”; import CustomTextarea from “./YourComponents/CustomTextarea”; render() < return (

Как создать приложение вконтакте

robin » 18 сен 2010, 18:18

prohor » 20 сен 2010, 21:34

Ооо, вам придется многому научиться, по вашим вопросам

1. Adobe Flash или Adobe Flex
2. очень сомневаюсь что за месяц что то выйдет, хотя кто знает, если целыми сутками заниматься.
3. цены начинаются от 1к$ вроде

umnik » 20 сен 2010, 21:55

вот что нашел на просторах рунета

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

Необходимо определится с средой, в которой будете создавать свои флэш-приложения. Имеется ввиду не среду сайта вконтакте, а средства разработки. Существует несколько приложений для разработки флеш-контента. Лучше скачайте (или приобретите ) последнюю версию Adobe Flash CS4. Но для более быстрой и легкой разработки стоит воспользоваться программой Adobe Flex.

Так как мы не ограничиваемся только анимацией, будем юзать встроенный язык программирования ActionScript 3 версии: это объектно-ориентированный язык программирования, язык сценариев Flash, с помощью которого в содержимое флеш-приложения можно добавить интерактивность, обработку исходных данных и многое другое. ActionScript 3 работает на основе Action Script Virtual Machine – один из основных элементов FlashPlayer. Код этого языка компилируется в bit-код, включенный в файл c разрешением «.swf». На этом языке программирования сейчас создается огромное количество мультимедиа приложений, игр, сайтов и многого другого. С помощью программ AdobeFlash или Flex Builder можно написать код флеш-приложения.

Для начинающих программистов необходимо почитать соответствующую литературу о программировании на языке ActionScript с помощью этих программ. При небольшом опыте программирования на других языках, мне хватило почитать книгу «Колин Мук – ActionScript 3». В книге около 1000 страниц, но начать программировать можно не дочитав книгу до конца. Главное – понять основы. Уже через несколько дней я смог написать приложение с использованием ВКонтакте API. Очень информативной является книга «ActionScript 3» Колина Мука. Если вы не знакомы ни с одним языком программирования, то возможно вам будет очень сложно понять эту книгу. Главное понять основы, структуру процесса разработки приложений. Для более детального изучения этого языка можно приобрести официальный курс компании Adobe Systems, называется «ActionScript 3.0 для ADOBE FLASH CS4 PROFESSIONAL». В интернете есть огромное количество видеоматериала, в котором пошагово показано как создавать приложения, в том числе отдельно по созданию игр. Такие обучающие фильмы можно найти в торрент-сетях (например, сайт torrents.ru).

Если Вы раньше не работали с Flash, и при это разбираетесь в JavaSсript, у вас не должно возникнуть проблем: ActionScript (язык сценариев Flash) и JavaSсript основаны на едином стандарте и очень похожи. Создание игр Вконтакте в принципе не отличается от аналогичного программирования в Flash среде.

Для того, чтобы разместить флеш-приложение на сервере сайта Вконтакте, необходимо воспользоваться интерфейсом «Вконтакте API». Благодаря системе API флеш-приложение может получать информацию о зарегистрированных участниках, организовывать связь между участниками (к примеру, он-лайн игры). API – это очень функциональная платформа для создания сторонних приложений. Непосредственно с описанием и технологией работы API можно ознакомиться, загрузив ссылку vkontakte.ru/pages.php? >
Итак, после того как вы изучите ActionScript, понять как использовать ВКонтакте API, будет уже не сложно и вы сможете использовать ВКонтакте API в своих приложениях.

Оболочкой для обмена данными является объект Flash. Возможность загрузить любое приложение в формате .swf разрешением не более 607×590. Flash-контейнер, то размер приложения не больше 607×4050 точками.

При отображении приложения посредством flashVars в него передаются следующие параметры:
api_url – это адрес сервиса API, по которому необходимо осуществлять запросы.
api_id – это id запущенного приложения.
user_id – это id пользователя, со страницы которого было запущено приложение. Если приложение запущено не со страницы пользователя, то значение равно 0.
group_id – это id группы, со страницы которой было запущено приложение. Если приложение запущено не со страницы группы, то значение равно 0.
viewer_id – это id пользователя, который просматривает приложение.
is_app_user – если пользователь установил приложение – 1, иначе – 0.
viewer_type – это тип пользователя, который просматривает приложение (возможные значения описаны ниже).
auth_key – это ключ, необходимый для авторизации пользователя на стороннем сервере (см. описание ниже).
language – это id языка пользователя, просматривающего приложение (см. список языков ниже).
api_result – это результат первого API-запроса, который выполняется при загрузке приложения (см. описание ниже).
api_settings – битовая маска настроек текущего пользователя в данном приложени (подробнее см. в описании метода getUserSettings).

Читайте также:  Как удалить все сообщения ВКонтакте

Стандартное взаимодействие приложения с API ВКонтакте производится путем создания HTTP-запроса (POST или GET) к адресу API-сервиса http://api.vkontakte.ru/api.php или http://api.vk.com/api.php в зависимости от того, откуда запущено приложение. Этот адрес можно получить из flashVars или из параметров Flash-контейнера в зависимости от того, каким способом запускается приложение.

Параметры необходимые передавать при запросе:
api_id – идентификатор приложения, присваивается при создании.
Method – название метода API из общего списка функций.
Sig – подпись, которая создается в целях безопасности. Порядок создания подписи описан ниже.

Параметр sig равен md5 от конкатенации следующих строк:
viewer_id – id текущего пользователя, переданный SWF посредством flashvars при инициализации.
пар “parameter_name=parameter_value”, расположенных в порядке возрастания имени параметра (по алфавиту).
секрета приложения api_secret (секрет Вы можете менять при редактировании страницы приложения)
sig = md5(viewer_ >
Напоследок пример DataProvider в игре Тетрис:

Код: Выделить всё import utils.MD5;

class Tetris.DataProvider <
var API_ ;
var API_SECRET = “Tetris1secret”;
var API_SERVER_URL = “http://api.vkontakte.ru/api.php”;
var API_REQUEST_METHOD = “POST”;
var API_TEST_MODE = false;

private var _viewer_id: Number;
private var _request_params: Array;

function DataProvider()
<
_request_params = new Array();
_request_params[“api_ >_viewer_ >if (API_TEST_MODE) <
_viewer_ >_request_params[“test_mode”] = “1”;
>
>

/**
* Sends user’s score
*
*/
public function sendScore(score:Number, onComplete:Function)
<
_sendRequest(“setUserScore”, , onComplete:onComplete>);
>

/**
* Retreives users ratinf
*
*/
public function getUsersRating(onComplete:Function)
<
_sendRequest(“getHighScores”, )
>

/**
* Sends request to the server
*
*/
private function _sendRequest(method:String, options:Object)
<
var response:XML = new XML();
response.ignoreWhite = true;
if (options.onComplete);
response.onLoad = options.onComplete;
var request:LoadVars = new LoadVars();

var request_params:Object = <
method: method
>;

for (var key in _request_params)
<
request_params[key] = _request_params[key];
>
for (var key in options.params)
<
request_params[key] = options.params[key];
>

request[“sig”] = _generate_signature(request_params);
for (var key in request_params)
<
request[key] = request_params[key];
>

request.sendAndLoad(API_SERVER_URL, response, API_REQUEST_METHOD);
>

/**
* Sorts array by keys
*
*/
private function _sort_array_by_keys(aInput: Object)
<
var aTemp = new Array();
for (var sKey:String in aInput)
aTemp.push([sKey, aInput[sKey]]);

aTemp.sort(function () <
return arguments[0][0] = 0; i–)
<
aOutput[aTemp[i][0]] = aTemp[i][1];
>
return aOutput;
>

/**
* Generates request signature
*
*/
private function _generate_signature(request_params) <
var signature = “”;
var sorted_array = _sort_array_by_keys(request_params);

// Note: make sure that the signature parameter is not already included in
// request_params array.
for (var key in sorted_array)
signature = key + “=” + sorted_array[key] + signature;

signature = _viewer_id + signature + API_SECRET;
return MD5.encrypt(signature);
>
>

Создание приложения Вконтакте

Добавлено в закладки: 0

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

Самостоятельная разработка приложения

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

Для того чтобы разработать приложение собственными силами, на первой стадии необходимо ознакомиться с документацией, которую составила администрация ВКонтакте и предоставила на обозрение разработчикам. С ней подробно можно ознакомиться, перейдя по следующей ссылке: http://vk.com/developers.php.

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

Виды приложений

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

  1. Flash-приложения представляют собой файлы с предусмотренным расширением .swf. Их разработка осуществляется на основании Adobe Flash. Вслед за этим осуществляется файловая компиляция, после которой происходит загрузка полученной информации на сервер желаемого сайта или же любой другой серверный ресурс.
  2. Iframe (ифрейм) приложения можно формировать на основе использования технологий, которые предоставляют современные веб – обозреватели. Впоследствии на странице ВКонтакте будет появляться окно, позволяющее зарегистрированным лица пользоваться приложением. Передавать и принимать данные программа будет посредством JavaScript.

Обучающее видео

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

Так информация воспринимается намного лучше:

Нюансы

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

  1. Adobe Flash
  2. Action Script
  3. 3D движки
  4. PHP
  5. HTML
  6. JavaScript

Несомненно, на их изучение потребуется выделить немало времени. Однако ваш результат напрямую будет зависеть от количества часов, уделяемых процессу обучения.

Исходники приложений

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

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

Установить его на страницу и запустить;

Затем нажать правой кнопкой по страничке и в меню выбрать позицию «Исходный код». В результате вы увидите код страницы.

Далее в поисковую строку необходимо прописать «http://» и отыскать в результатах поиска ссылку, которая бы имела окончание «.zip». Скопировать ее, вставить в адресную строку, удалив наклоненные полоски и нажать Enter. Начнется скачивание Архива.

Когда архив будет загружен, требуется его сохранить, заменив расширение на .swf и открыть в любом флеш – плеере.

Так вы сможете получить оффлайн – версию исходника. Но чтобы иметь в распоряжении коды приложения, необходимы декомпиляторы. Они позволяют работать с этим файлом.

Несомненно, если для вас вышеописанная методика сложна, стоит все же его скачать. Но также не забывайте, что некоторые файлы приложений могут потребовать платы за скачивание.

Платная разработка приложений

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

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

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

Последовательность разработки приложения:

  • Составить краткое описание, в котором нужно прописать все пожелания относительно будущего проекта приложения;
  • Дизайнерское оформление. Этот этап включает фоновую прорисовку, создание кнопок и всевозможных надписей;
  • Программирование. Необходимо написать функции и классы, на основании которых будут реализовываться действия;
  • Устранение возникающих ошибок;
  • Размещение кода ВКонтакте.

Бесплатные программы

Как говорилось выше, программы для приложений можно скачивать в Интернете бесплатно. Но для этого необходимо заранее загрузить и установить Adobe Flash. Эта основная программа, которая дает возможность начать реализацию задуманного проекта. Также она удобна и многофункциональна, но работать с ней новичку, к сожалению, нелегко.

Несомненно, со временем умения появятся, и в пользовании она станет намного проще.

Также можно пользоваться и другими программами. Например, 3D движки, которые способствуют ускорению и упрощению процесса разработки.

Упрощенный вариант

Если вы хотите разработать свое приложение в максимально сжатые сроки, стоит воспользоваться конструктором приложений ВКонтакте. Одним из таких является Free Apps, позволяющий создать приложение буквально в течение нескольких минут.

Ссылка на основную публикацию
Adblock
detector