kmichaelk / hackernews-vk-miniapp

Клиент для чтения HackerNews через платформу мини-приложений ВК

Клиент HackerNews для VK Mini Apps

Клиент для чтения HackerNews через платформу мини-приложений ВК.

Демоверсия (ID 51915527)

• Разработано с использованием архитектурной методологии Feature Sliced Design
• Для загрузки данных используется официальное API HackerNews

Основано на шаблоне Basic VK Bridge + VKUI + VK Miniapps Router app

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

🚀 Запуск мини приложения

Запустите ваш мини апп

 yarn start

Перейдите на devportal или в управление и создайте новый мини апп. Вставьте URL на котором работает ваше приложение в настройки, предварительно включив режим разработки. Теперь можете открыть мини апп, нажав на его иконку. Список всех созданных вами мини приложений вы сможете найти тут или тут.

🌐 Деплой мини приложения

Для того чтобы поделиться приложением запущенным на localhost со своими друзьями, вы можете скачать утилиту vk-tunnel и запустить уже подготовленный скрипт из package.json

yarn global add @vkontakte/vk-tunnel
yarn run tunnel

После чего вы получите ссылку, по которой ваше приложение будет доступно с любого устройства, подробнее про vk-tunnel можно прочитать тут.

Для того чтобы захостить ваше приложение на сервера ВКонтакте нужно зайти в vk-hosting-config.json и указать id вашего приложения. Далее можно запустить уже подготовленный скрипт:

yarn run deploy