Видео-гайд: первый APK на телефоне

Capacitor оборачивает ваш веб-проект в Android-приложение. Пошагово: подготовка, конфиг, sync и тест на устройстве. Текст ниже можно проходить параллельно с уроком «Видео-гайд APK» в каталоге обучения.

Шаг 1 — подготовьте веб-приложение

▶

Здесь будет видео: viewport, manifest и mobile-first вёрстка

Добавьте meta viewport в HTML.
Создайте manifest.json с name, icons и start_url.
Проверьте на телефоне в браузере — кнопки не должны быть «крошечными».

Уже сделали в курсе Capacitor → mobile web.

Шаг 2 — Capacitor init и config

▶

Видео: npm install, npx cap init, capacitor.config.json

npm install @capacitor/core @capacitor/cli @capacitor/android
npx cap init "Моё приложение" com.example.myapp --web-dir=www
npx cap add android

appId в config = package name в Google Play.

Шаг 3 — cap sync и Android Studio

▶

Видео: cap copy, cap sync, открытие проекта в Android Studio

npm run build   # если есть сборка фронта
npx cap sync
npx cap open android

В Android Studio: Run ▶ на подключённом телефоне или эмуляторе.

Шаг 4 — Internal testing в Google Play

▶

Видео: AAB, Play Console, internal testing, privacy policy

Build → Generate Signed Bundle (AAB).
Play Console → Internal testing → загрузите AAB.
Privacy policy URL — например наша страница как образец.

Для iOS путь через Xcode и TestFlight — см. курс требования сторов.

Дальше

Выложите веб на NeoBrain и соберите portfolio для сторов:

Деплой на NeoBrain Все курсы