Разработка мини-приложений ВКонтакте

Подробно

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

Что такое мини-приложение ВКонтакте

Мини-приложение ВКонтакте - веб-приложение на HTML, CSS и JavaScript, которое платформа запускает в своем интерфейсе. У каждого приложения есть идентификатор и адрес вида vk.com/app с номером. Его можно подключить к сообществу, чтобы кнопка открывала сервис прямо со страницы группы, отправить ссылкой в личные сообщения или разместить в каталоге. Подробно о формате мы писали в статье про VK Mini App.

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

Какие задачи решает приложение для сообщества

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

Мини-приложение удобнее стандартного раздела товаров в сообществе, когда у вас сложный каталог, свои правила скидок или нужна запись по расписанию. Заказы и заявки уходят в вашу CRM или 1С, а не остаются в сообщениях группы, где их легко потерять.

Как мы разрабатываем приложение ВК

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

Фронтенд пишем на React с VKUI, серверную часть на Node.js или Python. Параметры запуска, которые ВКонтакте передает приложению, сервер проверяет по подписи с секретным ключом приложения. Так никто не выдаст себя за другого пользователя и не получит чужие бонусы. Приложение размещаем на вашем сервере или в облаке, доступы к нему, к сообществу и к настройкам приложения остаются у вас.

Перед запуском тестируем на Android, iOS и в веб-версии ВКонтакте, потому что поведение в разных клиентах отличается.

Модерация и каталог VK Mini Apps

Для размещения в каталоге VK Mini Apps приложение проходит модерацию платформы. До отправки сверяем его с правилами ВКонтакте для разработчиков: проверяем описание и иконку, работу на всех устройствах, отсутствие технических ошибок. Если модерация возвращает замечания, исправляем их и отправляем приложение повторно. Срок проверки определяет сама платформа, поэтому в план запуска закладываем запас.

Аудиторию приводим через кнопку в сообществе, ссылки в постах и рассылках, QR-коды в офлайн-точках.

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

Для простой анкеты или розыгрыша хватит готовых приложений для сообществ, которые есть во ВКонтакте, их подключают быстро и без разработки. Своя разработка нужна, когда сервис должен работать с вашими данными: каталогом из 1С, расписанием мастеров, бонусным счетом из CRM, оплатой через ваш эквайринг. Еще одна причина - перенос. Если у вас уже есть мини-приложение в Telegram или MAX, большую часть интерфейса и сервера используем повторно и меняем только слой работы с платформой.