API VK — Создаём Standalone-приложение и получаем token.

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

Твитнуть

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

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

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

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

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

Как создать мини-приложение: база знаний VK Mini Apps

Полезные материалы на каждый этап жизненного цикла

Мы много рассказываем о том, как создавать мини-приложения и запускать их на платформе VK Mini Apps. И видим, сколько классных идей у разработчиков — и опытных, и начинающих. Хочется, чтобы каждый мог воплотить свою задумку в компактном сервисе, который легко войдёт в жизнь пользователя. Так что в этой статье собираем все материалы, рекомендации и полезные ссылки. Сгруппируем их по этапам жизненного цикла мини-приложения: от идеи до релиза и монетизации.

Находим идею

Ищите идею удобного сервиса — в своём и чужом опыте, в проблемах людей, в любой сфере жизни. Устраивайте мозговые штурмы сами с собой, с родственниками или друзьями — и фиксируйте каждую мысль. Такие записи помогут спланировать разработку так, чтобы потом не пришлось откатываться к началу и добавлять упущенную функцию.
→ Что почитать:

• Как придумать заметить идею мини-приложения — статья от VK Mini Apps.

Проектируем и прототипируем

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

Убедитесь, что идея жизнеспособна. Если планируете зарабатывать на своём мини-приложении и нужен будет трафик — проведите исследование потенциального рынка. Соберите данные, пообщайтесь с целевой аудиторией, изучите её потребности и боли. Составьте две-три пользовательские истории. Займитесь техническим проектированием: составьте список фич, которые хотите видеть в MVP и в финальной версии.

После этого можно переходить к созданию прототипа вашего будущего приложения.

→ Что посмотреть:

• Лекция менеджера платформы VK Mini Apps Андрея Ошанина — о проектировании, работе с аудиторией, анализе рынка и инструментах, которые помогут быстро набросать прототип.

→ Что почитать:

• Проектирование и прототипирование — конспект лекции, чтобы закрепить опорные тезисы.

Закончили прототип? Пора подумать, как будет выглядеть ваше мини-приложение.

Кастомизируем UX/UI

На этом этапе предстоит балансировать между «Делаю, как мне нравится», «Делаю как умею» и «Делаю, как будет удобно пользователям».
Найти и сохранить такое равновесие сложно даже опытным дизайнерам и разработчикам. Так что этап кастомизации — поле бесконечных экспериментов, А/B-тестов и проверок гипотез. У тех, кто создаёт мини-приложения, есть мощное подспорье — VKUI. Это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от приложения VK.

→ Что пригодится:

• VKUI styleguide — все доступные компоненты интерфейсов, чтобы ваше мини-приложение выглядело как нативный клиент. Бонус: ассеты VKUI для Figma — они бесплатны сами по себе, но доступны только в платной версии программы.
• Туториал по React — пригодится, если вы ещё не работали с этим фреймворком. Затем можно возвращаться к компонентам VKUI.
• VK Icons — набор SVG-иконок, представленный в виде React-компонентов.
• Happy Santa VK App UI Style Guide — полезный материал для десктопной реализации мини-приложений.

→ Что посмотреть:

• Лекция дизайнера из Команды ВКонтакте Алексея Мазелюка — если хотите наглядности и примеров.

→ Что почитать:

• Рекомендации по UX/UI от наших экспертов — раздел большой статьи о критериях модерации на платформе VK Mini Apps.

Разрабатываем

Наконец можно приступить к реализации. Делимся всеми ссылками, которые вам помогут.
→ Must read перед разработкой:

• Правила размещения сервисов на платформе VK Mini Apps — документ №  1.
• Критерии модерации сервисов VK Mini Apps — большая статья о том, как попасть в каталог.

→ Подготовиться к запуску заранее:

• Быстрый старт — подробный официальный материал о том, как запустить своё первое мини-приложение.
• Как создать первое приложение на VK Mini Apps — опыт стороннего разработчика.

→ VK API и документация:

• Знакомство с API ВКонтакте — статья с подробным описанием методов и объектов интерфейса, процесса регистрации приложения, авторизации пользователя, прав доступа.
• Обзор API ВКонтакте от менеджера проекта VK Mini Apps Ксюши Черотченко — принципы работы и методы API.
• Документация VK Mini Apps.

→ Деплой:

• Деплой сервиса в GitHub Pages — инструкция.
• CodeSandbox — полезный сервис: кнопка Add Dependency позволяет добавлять нужные библиотеки, а Save создаст уникальную ссылку на ваш проект.

→ Обучающие материалы и другие полезности:

• Web Skills — дорожная карта для начинающего веб-разработчика. Обзор областей знания и концепций со ссылками на учебные материалы (на английском).
• Воркшоп от разработчика мини-приложений из VK Team, часть 1 — Глеб Воронцов показывает техническую часть разработки: панель администрирования, инструменты и многое другое.
• Воркшоп по разработке мини-аппа, часть 2, — финишная прямая: VKUI, VK Bridge и наглядный кодинг.
• Навигация и цветовая схема — подробная статья о том, как сделать навигацию в мини-аппе для платформ iOS и Android, включая свайпы и аппаратные кнопки.
• Poo-Mini-App — github-репозиторий с примером реализации мини-аппа.
• VK Bridge Sandbox — песочница для тестирования VK Bridge.

Итогом разработки должно быть тестирование. Всегда.

Проходим модерацию и тестирование

Когда в прод уехало последнее обновление, вы более-менее уверены в качестве мини-приложения и готовы к тестированию — самое время отправить ваш проект на модерацию.
Модераторы проверят, соответствует ли он правилам размещения сервисов на платформе VK Mini Apps и учтены ли критерии размещения. Ещё они могут отметить, где стоит доработать UX и UI. Замечания модераторов помогут улучшить приложение, а на финальной проверке — ещё и устранить уязвимости, угрожающие данным пользователей.

→ Что посмотреть:

• Лекция о том, как подготовиться к модерации и попасть в каталог — от менеджера проектов ВКонтакте Антон Нижегольцев.

Следующий шаг — бета-тестирование в системе Testpool
. Здесь приложение проверяют ребята из VK Testers.

Чтобы сервис попал к ним в ближайший четверг (актуально для каждой недели), нужно написать модератору, что вы готовы к тестированию, в понедельник до 18:00 по московскому времени.

В среднем бета-тестирование занимает около двух полных недель. Есть смысл постараться попасть в него как можно раньше — особенно если вы претендуете на грант от VK Fresh Code. Участники конкурса размещают готовое мини-приложение в каталоге до заявленной даты. Для нынешней, четвёртой волны программы — это 21 октября 2020 года.

Финальная модерация: выходим в каталог

Все репорты закрыты, и ваш мини-апп вышел из тестирования почти идеальным. Пора ещё раз напомнить о себе модератору — в том же тикете, где вы общались ранее.
Останется сделать приятные мелочи: загрузить иконки и обложки для отображения в каталоге и на сниппетах. После этого ваш проект опубликуется в официальном каталоге платформы VK Mini Apps.

После релиза: продвигаем и монетизируем

Активная аудитория растёт, количество показов рекламы увеличивается, система монетизации работает. Что дальше?
Главное — не останавливаться на достигнутом и продумать качественную рекламную кампанию для мини-приложения.

Продвижение

→ Что почитать:

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

→ Что посмотреть:

• Продвижение приложений на платформе VK Mini Apps. Быстро и эффективно — мастер-класс Эдуарда Мухина, сертифицированного специалиста по рекламе ВКонтакте.

Что мы сделали для выгодного продвижения мини-приложений:

• для рекламы мини-аппов существует отдельный аукцион
  — а значит, нет конкуренции с предложениями заработков и записью на ноготочки. Стоимость показов и переходов в 2–3 раза дешевле, чем у обычных объявлений;
• разработали много нативных способов продвижения
  и инструментов для тонкой настройки аудитории;
• регулярно проводим акции для разработчиков мини-приложений
  — иногда можно вообще не тратиться на рекламу самим.

Монетизация
Сейчас ВКонтакте есть две модели монетизации мини-приложений: это покупки внутри приложений и реклама. Их можно использовать отдельно или вместе.

→ Что почитать:

• Монетизация сервисов VK Mini Apps — подробно о том, как зарабатывать на мини-приложении.
• AppsCentrum. Интеграция рекламы — инструкции, как правильно добавить в своё мини-приложение баннеры и прероллы.

Мы будем дополнять эту статью материалами о новых методах и технологиях на платформе VK Mini Apps — так что возвращайтесь.

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

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

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

Возможные типы

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

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

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

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

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

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

Обучение

Успех и скорость продвижения будут напрямую зависеть от количества часов в сутки, которые будут тратиться вами на изучение. Если приложению будут уделяться дни и ночи, то это будет делом одного месяца. В качестве ознакомления подойдут видео, где всё будет рассказываться в общих чертах. Затем необходимо будет прочитать пару книг, которые объяснят нюансы программирования, — и можно приступать к практике. Не стесняйтесь пользоваться поиском в мировой сети: большинство того, что вы захотите реализовать, уже делали раньше, зачем изобретать заново велосипед, если его можно просто скопировать? И зачем выдумывать с нуля, как сделать приложение «ВКонтакте» самому, если уже какой-то уровень наработок есть?

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

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

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

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

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

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

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

Для добавления подобного контента в социальную сеть сделайте следующее:

1. Для начала откройте страницу для разработчиков. Перейти на нее можно, авторизовавшись в сети и немного пролистав свою страницу так, чтобы блок с контекстной рекламой оказался наверху, тогда как под ним можно найти кнопку «Разработчикам».

2. Новое окно содержит в верхнем меню раздел «Мои Приложения», который следует открыть.

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

4. Откроется бланк, в котором необходимо заполнить основные поля. В первую очередь – это название, после выбирается платформа. Учитывая, что необходимо добавить игру, выберите самый последний пункт «Встраиваемое приложение».

5. Затем откроется еще один перечень, в котором необходимо выбрать тип («Игра»), а также определить категорию. После этого можно перейти к загрузке приложения, нажав соответствующую кнопку.
6. Прежде чем приступить к загрузочному процессу может понадобиться подтвердить владение страницей путем отправки СМС-сообщения на привязанный телефон. Потребуется ввести полученный код для продолжения.

7. Затем примите показанный список правил, нажав соответствующую кнопку.

8. Будет открыта консоль управления новой игрой. В меню справа содержатся основные пункты для контроля и управления.

9. Перейдите в раздел «Настройки». Там есть кнопка для загрузки файла в формате SWF. Естественно, перед этим необходимо создать игру самостоятельно и уже после подгружать основные файлы и обновления в дальнейшем. Создана она может быть в программе Unity или подобной.
   Читайте также:  Cсылка на страницу в ВК
10. После загрузки можно вернуться в раздел «Информация», содержащий пункты для настройки оформления игры. Там загружаются все виды аватарок и определяется, как игровая иконка будет отображаться на iPhone, устройстве на Andriod и ПК. Указать название и описание.

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

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

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

Кому и зачем нужно приложение для ВКонтакте

Трудно оценить весь спектр задач, которые может решить приложение, созданное на базе VK API. Для удобства разобьем перечень возможностей на условные группы: бренд и стартап.

1. Приложения ВК для брендов

Если вы представляете действующую компанию, то вы сможете:

• увеличить объем продаж;
• расширить охват рекламной кампании;
• привлечь внимание юзеров к вашему бренду;
• повысить KPI вовлеченности;
• отстроиться от конкурентов;
• сэкономить на рекламе в будущем;
• увеличить лояльность.

2. Приложение ВК как идея для стартапа

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

• открыть онлайн-магазин реальных товаров;
• реализовать площадку для размещения рекламы;
• продавать внутриигровые товары;
• предлагать пользователям купить дополнения и расширения функционала (подписки на что-либо).

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

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

Исходные документы

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

Начало разработки

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

Создание приложений для вконтакте делится на три основных типа:

• с помощью iframe.
• на основе flash.
• самостоятельное на различных приложений

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

Интерактив

Анкеты

Что это? Это филиал Google Forms «ВКонтакте». Вы создаете список вопросов, люди на них отвечают, вы читаете ответы.

С помощью анкет вы можете:

Провести сложный опрос – что нравится, что не нравится, какой тип контента круче и так далее.

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

Анонимные новости и отзывы

Что это? Очень удобная вещь для СМИ и информационных пабликов, где пользователи могут добавлять свои новости или просто посты по теме и получать за это вознаграждение. В принципе, подходит и для бизнес-пабликов – кроме новостей можно писать отзывы.

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

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

К отзывам можно писать комментарии и делать их публичными – доступными всем.

В разделе «Рейтинг» можно связаться с авторами и заплатить им вознаграждение.

В меню «Сообщество» можно задать темы и фильтры новостей. В бесплатной версии доступна только одна тема.

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

Модератор

Это обычное приложение «ВКонтакте», а не для сообществ. Но оно нужно любому SMMщику, администратору и владельцу бизнеса.

Что это? Приложение, которое отслеживает комментарии, сообщения и новые посты в сообществе. Вы подключаете свое сообщество, добавляете модераторов – и они видят все, что происходит в группе.

Зачем нужно:

Отслеживать лиды. Кто-то спросил «Сколько стоит?» в комментах к одной из 1000 фотографий – а вы сразу увидели.

Находить грязь. Если спамер напишет фигню под постом годовой давности, вы тоже это увидите.

Смотреть, кто добавился и удалился.

Как работать? Откройте страницу приложения и нажмите «Запустить».

Укажите ссылку на ваше сообщество.

Перейдите в раздел «Управление сообществом» → «Работа с API» → «Callback API» и скопируйте значение поля «Строка, которую должен вернуть сервер». Вставьте его в в аналогичное поле в Модераторе.

Теперь скопируйте предложенную строку.

Вставьте ее в поле «Адрес вашего сервера» на странице Callback API и нажмите «Подтвердить».

Вернитесь в Модератор и нажмите «Далее». Перейдите во вкладку «Типы событий» и отметьте галочками данные, которые должно собирать приложение.

Вернитесь в Модератор и нажмите «Я поставил галочки». Все, вы добавили сообщество. Теперь на странице приложения будут появляться оповещения о новых активностях.

Советую добавить Модератор в меню быстрого доступа. Для этого откройте «Действия» → «Настройки» и установите галочку «Выводить ссылка в меню слева».

Чтобы добавить еще одну группу, откройте меню и нажмите «Добавить сообщество».

Работаете не один – назначьте модераторов. Выберите нужное сообщество и откройте его настройки.

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

Модератор может писать вам в личку «ВКонтакте» и в Телеграм.

Для «ВКонтакте»: Откройте раздел «Оповещения в личку ВКонтакте» и нажмите «Настроить получение уведомлений».

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

Для Телеграма: откройте раздел «Оповещения в Telegram» и нажмите «Добавить привязку». Выберите нужные типы событий и нажмите «Отправить боту команду». Готово.

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

Дезертир

Что это? Еще один маст-хэв для владельца паблика или SMM-щика. Это приложение позволяет отслеживать тех, кто недавно покинул сообщество или подписался на него. Можно даже шпионить за сообществами конкурентов и перехватывать их подписчиков.

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

Как узнать, кто отписался в VK

Поиск «мертвых» участников и подписчиков

Что это? Название приложения говорит само за себя – в нем можно проверить подписчиков сообщества или группы на наличие неактивных аккаунтов. Эта информация, к примеру, может пригодиться при покупке рекламы в сообществах.

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

Теперь вставьте ссылку, определите точность проверки (чем точнее, тем медленнее) и нажмите «Сканировать».