Примеры проектов
Магазин
React-приложение, которое показывает совместную работу различных библиотек ВКонтакте в мини-приложении, а также демонстрирует лучшие подходы к созданию мини-приложений. Подробности — в описании примера.
Мини-приложение: vk.com/app51654068
Исходный код: github.com/VKCOM/vk-mini-apps-examples
Пример экрана приложения «Магазин»
Ещё один пример экрана приложения «Магазин»Блюдо дня
В апреле 2024 года мы запустили первый обучающий курс для внешних разработчиков. Этот видеокурс рассказывает, как создавать мини-приложения ВКонтакте.
Для демонстрации идей мы создали мини-приложение «Блюдо дня». Помимо основных функций, на примере этого приложения вы можете изучить, как:
- •Подключить VK Карты.
- •Привязать оплату денежными средствами и голосами.
- •Настроить рекламу.
- •Создать рейтинг среди друзей и других пользователей сервиса.
Что используем
На фронтенде используется React, на бэкенде — PHP Framework Laravel. Мы остановились на них из-за их широкого распространения среди разработчиков. Приложение написано на TypeScript, для сборки применяли Webpack. Для создания фронтенда используем библиотеки VKUI и VK Bridge. Для доступа к веб-серверу на машине разработчика — библиотеку VK Tunnel.
Мини-приложение: vk.com/app51773283
Исходный код
- •
Клиентская часть: github.com/VKCOM/vk-mini-apps-course-frontend
- •
Серверная часть: github.com/VKCOM/vk-mini-apps-course-backend
Пример экрана приложения «Блюдо дня»
Ещё один пример экрана приложения «Блюдо дня»Vue
Многие примеры мини-приложений написаны на React. Однако это не единственная технология, которую можно использовать. Мини-приложения — это веб-приложения, которые вы можете создавать, используя любые современные библиотеки, технологии и средства разработки.
Этот проект является примером мини-приложения, созданного на Vue. Он демонстрирует использование библиотеки VK Bridge и Vue-роутера в таких приложениях.
Исходный код: github.com/VKCOM/vk-mini-apps-router/tree/master/examples/vue-routing-app
Пример экрана приложения
Материалы по теме
- •
- •
- •
