36 lines
1.8 KiB
Markdown
36 lines
1.8 KiB
Markdown
# Создание APK из PWA с помощью Capacitor
|
||
|
||
## Предварительные требования
|
||
- Node.js версии 20 или выше (скачайте с nodejs.org).
|
||
- Android Studio установлен (скачайте с developer.android.com/studio).
|
||
|
||
## Шаг 1: Подготовьте проект
|
||
- Убедитесь, что у вас есть package.json (npm init -y если нет).
|
||
- Установите Capacitor: npm install @capacitor/cli @capacitor/core --save-dev.
|
||
|
||
## Шаг 2: Инициализируйте Capacitor
|
||
- Выполните: npx cap init "Weather App" "com.weather.app".
|
||
- Это создаст capacitor.config.json.
|
||
|
||
## Шаг 3: Добавьте Android платформу
|
||
- Выполните: npx cap add android.
|
||
- Это создаст папку android/ с нативным проектом.
|
||
|
||
## Шаг 4: Синхронизируйте веб-ресурсы
|
||
- Выполните: npx cap sync android.
|
||
- Это скопирует веб-файлы в нативный проект.
|
||
|
||
## Шаг 5: Откройте в Android Studio
|
||
- Выполните: npx cap open android.
|
||
- Android Studio откроется с проектом.
|
||
|
||
## Шаг 6: Соберите APK
|
||
- В Android Studio подключите устройство или эмулятор.
|
||
- Нажмите "Run" > "Run 'app'" для тестирования.
|
||
- Для сборки APK: "Build" > "Build Bundle(s)/APK(s)" > "Build APK(s)".
|
||
- APK будет в android/app/build/outputs/apk/debug/.
|
||
|
||
## Примечания
|
||
- Убедитесь, что порт для dev server не конфликтует (в capacitor.config.json можно настроить).
|
||
- Для production используйте npx cap sync android перед сборкой.
|
||
- Иконки в manifest.json должны быть PNG. |