Мобильные приложения

Создавайте мобильные веб-приложения в Proyecta. PWA работают уже сейчас; нативные обёртки для iOS/Android — через PWA Builder.

Proyecta создаёт веб-приложения. Самый быстрый путь к «приложению на телефоне» — адаптивное веб-приложение, которое при желании можно улучшить до Progressive Web App (PWA): тогда пользователи смогут установить его на главный экран и — на поддерживаемых платформах — получать push-уведомления, работать офлайн и пользоваться полноэкранным режимом.

Для нативного распространения через App Store, Google Play или Microsoft Store опубликованное PWA оборачивается с помощью инструмента вроде PWA Builder.

Что доступно сразу

• Переключатель видов экрана в builder — переключайтесь между Desktop / Tablet / Mobile во время редактирования
• Промпты с учётом мобильных устройств — ИИ умеет строить адаптивные макеты по вашему запросу
• Вкладка Mobile в дашборде — отдельная панель Mobile с шагами Appearance, Test и Publish для превращения приложения в устанавливаемое мобильное
• Push-уведомления — см. Push-уведомления
• Мобильный интерфейс builder — Proyecta работает на телефонах, так что можно создавать приложения на ходу

Вкладка Mobile

Откройте дашборд и перейдите на вкладку Mobile — там вас ждёт пошаговый процесс из трёх шагов:

• Appearance — проверьте иконку, название и цвет темы приложения. Если мобильная поддержка ещё не настроена, нажмите Set up mobile support, и Proyecta настроит всё за один шаг — никаких промптов писать не нужно.
• Test — отсканируйте QR-код, чтобы открыть опубликованное приложение на реальном телефоне (см. Тестирование на мобильных устройствах).
• Publish to App Store — пошаговое руководство по упаковке и отправке в магазины приложений (см. Публикация в магазинах приложений).

Шаблон веб-приложения уже включает манифест (site.webmanifest) и сервис-воркер (sw.js), поэтому основа для устанавливаемого PWA с офлайн-поддержкой есть с первого билда — вкладка Mobile и ИИ просто адаптируют её под ваше приложение.

Путь через PWA

Самый быстрый способ — кнопка Set up mobile support на вкладке Mobile. Если хотите задать параметры самостоятельно, можно обратиться к ИИ напрямую:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

В обоих случаях манифест и сервис-воркер будут настроены. После публикации пользователи смогут:

• Открыть приложение в любом мобильном браузере
• Нажать меню браузера и выбрать Add to Home Screen (iOS) или Install app (Android)
• Запускать его с главного экрана как нативное приложение

PWA на iOS 16.4+ также поддерживают Web Push, так что уведомления работают — см. Push-уведомления для настройки.

Следующий шаг: нативные обёртки

Если нужно публиковать в App Store или Google Play, рекомендуемый путь — обернуть опубликованное PWA:

1. Опубликуйте приложение на своём поддомене *.proyecta.live (или на собственном домене)
2. Откройте pwabuilder.com и введите URL
3. Сгенерируйте нативные пакеты — Android (AAB), iOS (Xcode project), Windows (MSIX)
4. Отправьте в соответствующий магазин

Подробнее — в разделе Публикация в магазинах приложений.

Важные ограничения

• Apple может отклонить приложения, основанные только на WebView, если они не добавляют нативной функциональности. Учитывайте это при планировании публикации в App Store.
• Push-уведомления на iOS требуют, чтобы пользователь сначала установил PWA из Safari (а не из обёртки).
• Камера, GPS, контакты доступны через веб-API — нативные API (HealthKit, ARKit) из PWA-обёртки недоступны.

Скоро

• Нативные шаблоны React Native / Expo для проектов, которым нужны настоящие нативные оболочки
• Интеграция с Capacitor как альтернативный способ создания обёрток
• Мастер публикации в магазинах прямо в builder (иконки, сплэш-экраны, тексты для страниц магазина)
• Управление метаданными магазина приложений с синхронизацией с builder