Aplikacje mobilne

Twórz przyjazne dla urządzeń mobilnych aplikacje webowe w Proyecta. PWA dostępne już dziś; natywne opakowania iOS/Android przez PWA Builder.

Proyecta buduje aplikacje webowe. Najszybszą drogą do „aplikacji na telefonie“ jest responsywna aplikacja webowa — opcjonalnie wzbogacona jako Progressive Web App (PWA), dzięki czemu użytkownicy mogą dodać ją do ekranu głównego i (na obsługiwanych platformach) otrzymywać powiadomienia push, korzystać z trybu offline oraz pełnoekranowego widoku.

Do natywnej dystrybucji przez App Store, Google Play lub Microsoft Store możesz opakować opublikowaną PWA przy użyciu narzędzia takiego jak PWA Builder.

Co otrzymujesz od razu

Przełącznik widoku responsywnego w builderze — przełączaj się między podglądem Desktop / Tablet / Mobile podczas edycji
Prompty AI zoptymalizowane pod mobile — AI wie, jak budować responsywne układy, gdy o to poprosisz
Zakładka Mobile w dashboardzie — dedykowany panel Mobile z krokami Appearance, Test i Publish służącymi do przekształcenia aplikacji w instalowalną aplikację mobilną
Powiadomienia push — zobacz Push Notifications
Mobilny interfejs buildera — Proyecta działa na telefonach, więc możesz tworzyć aplikacje w podróży

Zakładka Mobile

Otwórz dashboard i przejdź do zakładki Mobile, aby skorzystać z przeprowadzonego krok po kroku procesu składającego się z trzech etapów:

Appearance — sprawdź ikonę aplikacji, nazwę i kolor motywu. Jeśli obsługa mobilna nie została jeszcze skonfigurowana, kliknij Set up mobile support, a Proyecta skonfiguruje wszystko za Ciebie w jednym kroku — bez potrzeby pisania promptu.
Test — zeskanuj kod QR, aby otworzyć opublikowaną aplikację na prawdziwym telefonie (zobacz Test on Mobile).
Publish to App Store — szczegółowy przewodnik po pakowaniu i przesyłaniu aplikacji do sklepów (zobacz Publish to App Stores).

Szablon aplikacji webowej zawiera już manifest (site.webmanifest) oraz service worker (sw.js), więc fundament pod instalowalną PWA z obsługą trybu offline jest gotowy od pierwszego buildu — zakładka Mobile i AI tylko dostosowują go do Twojej aplikacji.

Ścieżka PWA

Najszybszą opcją jest przycisk Set up mobile support w zakładce Mobile. Jeśli wolisz działać bardziej szczegółowo, możesz też zapytać AI bezpośrednio:

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

W obu przypadkach manifest i service worker zostaną skonfigurowane. Po opublikowaniu użytkownicy mogą:

Otworzyć Twoją aplikację w dowolnej mobilnej przeglądarce
Dotknąć menu przeglądarki i wybrać Add to Home Screen (iOS) lub Install app (Android)
Uruchomić ją jak natywną aplikację z ekranu głównego

PWA na iOS 16.4+ obsługują też Web Push, więc powiadomienia działają — szczegóły konfiguracji znajdziesz w Push Notifications.

Krok dalej: natywne opakowania

Jeśli chcesz udostępnić aplikację w App Store lub Google Play, zalecana ścieżka to opakowanie opublikowanej PWA:

Opublikuj aplikację w subdomenie *.proyecta.live (lub własnej domenie)
Otwórz pwabuilder.com i wpisz swój URL
Wygeneruj natywne paczki — Android (AAB), iOS (projekt Xcode), Windows (MSIX)
Prześlij do odpowiedniego sklepu

Szczegóły znajdziesz w Publish to App Stores.

Ograniczenia, o których warto wiedzieć

Apple może odrzucić aplikacje oparte wyłącznie na WebView, które nie dodają natywnej funkcjonalności. Weź to pod uwagę przed skierowaniem aplikacji do App Store.
Powiadomienia push na iOS wymagają, aby użytkownik najpierw zainstalował PWA z Safari (nie z opakowania).
Aparat, GPS, kontakty działają przez API webowe — natywne API (HealthKit, ARKit) nie są dostępne z poziomu opakowania PWA.

Wkrótce

Natywne szablony React Native / Expo dla projektów wymagających prawdziwych natywnych powłok
Integracja z Capacitor jako alternatywna ścieżka opakowywania
Kreator publikowania w sklepach wbudowany w builder (ikony, ekrany startowe, opisy w sklepie)
Zarządzanie metadanymi w sklepach zsynchronizowane z builderem