Мобільні застосунки

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

Proyecta створює веб-застосунки. Найшвидший шлях до «застосунку на телефоні» — це адаптивний веб-застосунок, який за бажанням можна покращити до Progressive Web App (PWA). Тоді користувачі зможуть встановити його на головний екран і (на підтримуваних платформах) отримувати push-сповіщення, підтримку офлайн-режиму та повноекранний досвід.

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

Що ви отримуєте одразу

• Перемикач розміру viewport у builder — переходьте між Desktop / Tablet / Mobile preview під час редагування
• Mobile-first AI-підказки — AI вміє будувати адаптивні макети на ваше прохання
• Push-сповіщення через Proyecta SDK — дивіться Push Notifications
• Мобільний інтерфейс builder — Proyecta сам по собі працює на телефонах, тож ви можете розробляти будь-де

Шлях через PWA

Для більшості застосунків PWA — це правильний вибір:

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

AI налаштує manifest і service worker. Після публікації користувачі зможуть:

• Відкрити ваш застосунок у будь-якому мобільному браузері
• Натиснути меню браузера та вибрати Add to Home Screen (iOS) або Install app (Android)
• Запускати його як нативний застосунок із головного екрана

PWA на iOS 16.4+ також підтримують Web Push, тож сповіщення працюватимуть — дивіться Push Notifications для налаштування.

Поглиблений варіант: нативні обгортки

Якщо вам потрібно розмістити застосунок в App Store або Google Play, рекомендований шлях — загорнути опублікований PWA:

1. Опублікуйте застосунок на своєму піддомені *.proyecta.live (або на власному домені)
2. Відкрийте pwabuilder.com і введіть вашу URL-адресу
3. Згенеруйте нативні пакети — Android (AAB), iOS (Xcode project), Windows (MSIX)
4. Відправте до відповідного магазину

Докладніше — у розділі Publish to App Stores.

Важливі обмеження

• Apple може відхилити застосунки, що є лише WebView, якщо вони не додають нативної функціональності. Врахуйте це перед тим, як цілитися на App Store.
• Push-сповіщення на iOS вимагають, щоб користувач спочатку встановив PWA із Safari (не з обгортки).
• Камера, GPS, контакти — все це працює через веб-API; нативні API (HealthKit, ARKit) недоступні з PWA-обгортки.

Незабаром

• Нативні шаблони React Native / Expo для проєктів, яким потрібні справжні нативні оболонки
• Інтеграція з Capacitor як альтернативний шлях для обгортки
• Майстер публікації в магазинах застосунків прямо в builder (іконки, splash-екрани, текст для сторінки магазину)
• Управління метаданими для магазинів застосунків, синхронізоване з builder