Aplicații Mobile

Construiește aplicații web optimizate pentru mobil în Proyecta. PWA-urile funcționează acum; învelișuri native iOS/Android prin PWA Builder.

Proyecta construiește aplicații web. Cea mai rapidă cale spre „o aplicație pe telefon“ este o aplicație web responsive — opțional îmbunătățită ca Progressive Web App (PWA), astfel încât utilizatorii să o poată instala pe ecranul principal și, pe platformele compatibile, să primească notificări push, suport offline și o experiență pe tot ecranul.

Pentru distribuția nativă prin App Store, Google Play sau Microsoft Store, învelești PWA-ul publicat folosind un instrument precum PWA Builder.

Ce primești din start

• Selector de viewport responsive în builder — comută între previzualizările Desktop / Tabletă / Mobil în timp ce editezi
• Prompturi AI orientate spre mobil — AI-ul știe cum să construiască layout-uri responsive când îi ceri
• Tab-ul Mobile din dashboard — un panou dedicat Mobile cu pașii Appearance, Test și Publish pentru a transforma aplicația ta într-o aplicație mobilă instalabilă
• Notificări push — vezi Notificări Push
• Interfața builder pe mobil — Proyecta funcționează și pe telefoane, astfel că poți construi din mers

Tab-ul Mobile

Deschide dashboard-ul și comută pe tab-ul Mobile pentru un flux ghidat în trei pași:

• Appearance — verifică pictograma aplicației, numele și culoarea temei. Dacă suportul mobile nu este configurat încă, apasă Set up mobile support și Proyecta îl configurează pentru tine într-un singur pas — fără niciun prompt de scris.
• Test — scanează un cod QR pentru a deschide aplicația publicată pe un telefon real (vezi Testare pe Mobil).
• Publish to App Store — un ghid pas cu pas pentru ambalarea și trimiterea aplicației în app store-uri (vezi Publicare în App Store-uri).

Template-ul de aplicație web include deja un manifest (site.webmanifest) și un service worker (sw.js), astfel că fundația pentru un PWA instalabil, cu suport offline, este pusă încă de la prima build — tab-ul Mobile și AI-ul îl adaptează doar la aplicația ta.

Calea PWA

Cea mai rapidă cale este butonul Set up mobile support din tab-ul Mobile. Dacă preferi să fii mai specific, poți și întreba AI-ul direct:

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

În oricare dintre cazuri, manifestul și service worker-ul sunt configurate. Odată ce publici, utilizatorii pot:

• Deschide aplicația ta în orice browser de mobil
• Apăsa meniul browserului și alege Add to Home Screen (iOS) sau Install app (Android)
• Lansa aplicația ca pe una nativă de pe ecranul principal

PWA-urile pe iOS 16.4+ acceptă și Web Push, deci notificările funcționează — vezi Notificări Push pentru configurare.

Mai departe: învelișuri native

Dacă trebuie să distribui prin App Store sau Google Play, calea recomandată este să învelești PWA-ul publicat:

1. Publică pe subdomeniul tău *.proyecta.live (sau un domeniu personalizat)
2. Deschide pwabuilder.com și introdu URL-ul tău
3. Generează pachete native — Android (AAB), iOS (proiect Xcode), Windows (MSIX)
4. Trimite în store-ul corespunzător

Vezi Publicare în App Store-uri pentru detalii.

Limitări de reținut

• Apple poate respinge aplicațiile WebView pure care nu adaugă funcționalitate nativă. Ia în calcul acest aspect înainte de a ținti App Store.
• Notificările push pe iOS necesită ca utilizatorul să instaleze mai întâi PWA-ul din Safari (nu dintr-un înveliș).
• Camera, GPS, contactele funcționează toate prin API-uri web — API-urile exclusive native (HealthKit, ARKit) nu sunt accesibile dintr-un înveliș PWA.

În curând

• Template-uri native React Native / Expo pentru proiectele care au nevoie de shell-uri cu adevărat native
• Integrare Capacitor ca alternativă de înveliș
• Vrăjitor de publicare în app store direct din builder (pictograme, splash screen-uri, descrieri pentru store)
• Gestionarea metadatelor pentru app store sincronizată cu builder-ul