Skip to content

Пример приложения VK Mini App с оптимизацией под разные платформы и сменой темы

License

Notifications You must be signed in to change notification settings

n1rwana/vk-mini-app-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Что это за репозиторий?

Этот репозиторий является примером приложения VK Mini App с оптимизацией под разные платформы и сменой темы, а также поддержкой системной кнопки "Назад" на Android и свайпов на iOS. Также в src/panels/features/Popouts.js есть пример реализации модальных окон, карточек, алертов и т.п.

Что такое VK Mini Apps?

VK Mini Apps — это открытая платформа для разработки встраиваемых кросс-платформенных мини-приложений, которые можно запустить внутри ВКонтакте — в Android, iOS, версии для компьютера и мобильной версии vk.com.

Как запустить приложение?

Откройте терминал (консоль) в папке, в которую Вы скопировали репозиторий. Затем введите команду npm install и нажмите Enter. Когда все зависимости будут установлены (выполнение команды завершится), введите команду npm start, подтвердив запуск приложения нажатием Enter.

Можно ли использовать этот репозиторий для создания моего собственного мини-приложения?

Да, конечно.

Почему в App.js импортирована только одна панель?

В файле App.js только определяются платформа и тема. Всё остальное происходит в файле src/panels/Home.js (далее — Home.js)

Куда добавлять и как импортировать панели?

Вы можете создавать панели в уже созданной папке src/panels/features. Там уже есть несколько панелей для примера. Импортируйте созданные панели в Home.js и найдите в нём массив объектов panels. Следуя комментариям к коду и уже существующим там панелям, допишите свои. Дальше приложение всё сделает само, Вам не нужно больше ничего редактировать.

Что за объект bannerInfo?

Эта фича позволяет вывести баннер под меню в десктопной версии. Всё описано в комментариях к коду. Вот пример такого баннера:

image

Документация и другие материалы

Здесь Вы можете найти полезные сведения, которые Вы можете использовать при разработке сервиса:

About

Пример приложения VK Mini App с оптимизацией под разные платформы и сменой темы

Resources

License

Stars

Watchers

Forks

Packages

No packages published