App Mobile

Crea web app ottimizzate per mobile con Proyecta. Le PWA funzionano già oggi; wrapper nativi per iOS/Android tramite PWA Builder.

Proyecta crea web app. Il percorso più rapido per avere “un’app sul telefono” è una web app responsive — opzionalmente potenziata come Progressive Web App (PWA), così gli utenti possono installarla sulla schermata home e, sulle piattaforme supportate, ricevere notifiche push, usarla offline e godere di un’esperienza a schermo intero.

Per la distribuzione nativa tramite App Store, Google Play o Microsoft Store, puoi avvolgere la PWA pubblicata usando uno strumento come PWA Builder.

Cosa ottieni subito

• Selettore viewport responsive nel builder — passa tra le anteprime Desktop / Tablet / Mobile durante la modifica
• Prompt AI mobile-first — l’AI sa come costruire layout responsive quando lo chiedi
• Tab Mobile nella dashboard — un pannello Mobile dedicato con i passaggi Appearance, Test e Publish per trasformare la tua app in un’app mobile installabile
• Notifiche push — vedi Push Notifications
• UI del builder su mobile — Proyecta funziona anche sui telefoni, così puoi costruire ovunque ti trovi

Il tab Mobile

Apri la dashboard e passa al tab Mobile per un flusso guidato in tre passaggi:

• Appearance — verifica l’icona, il nome e il colore del tema della tua app. Se il supporto mobile non è ancora configurato, clicca su Set up mobile support e Proyecta lo imposta per te in un solo passaggio — senza nulla da scrivere.
• Test — scansiona un codice QR per aprire la tua app pubblicata su un telefono reale (vedi Test on Mobile).
• Publish to App Store — una procedura guidata passo dopo passo per confezionare e inviare l’app agli store (vedi Publish to App Stores).

Il template webapp include già un web app manifest (site.webmanifest) e un service worker (sw.js), quindi le basi per una PWA installabile e con supporto offline sono presenti fin dalla prima build — il tab Mobile e l’AI le adattano semplicemente alla tua app.

Il percorso PWA

Il modo più rapido è il pulsante Set up mobile support nel tab Mobile. Se preferisci essere più specifico, puoi anche chiedere direttamente all’AI:

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

In entrambi i casi, il manifest e il service worker vengono configurati. Una volta pubblicata, gli utenti possono:

• Aprire la tua app in qualsiasi browser mobile
• Toccare il menu del browser e scegliere Add to Home Screen (iOS) oppure Install app (Android)
• Avviarla come un’app nativa dalla schermata home

Le PWA su iOS 16.4+ supportano anche Web Push, quindi le notifiche funzionano — vedi Push Notifications per la configurazione.

Andare oltre: wrapper nativi

Se hai bisogno di pubblicare sull’App Store o su Google Play, il percorso consigliato è avvolgere la tua PWA pubblicata:

1. Pubblica sul tuo sottodominio *.proyecta.live (o su un dominio personalizzato)
2. Apri pwabuilder.com e inserisci il tuo URL
3. Genera i pacchetti nativi — Android (AAB), iOS (progetto Xcode), Windows (MSIX)
4. Invia allo store corrispondente

Vedi Publish to App Stores per i dettagli.

Limitazioni da tenere a mente

• Apple potrebbe rifiutare app pure WebView che non aggiungono funzionalità native. Valuta questo aspetto prima di puntare all’App Store.
• Le notifiche push su iOS richiedono che l’utente installi prima la PWA da Safari (non da un wrapper).
• Fotocamera, GPS, contatti funzionano tutti tramite API web — le API esclusivamente native (HealthKit, ARKit) non sono raggiungibili da un wrapper PWA.

Prossimamente

• Template nativi React Native / Expo per i progetti che necessitano di shell veramente native
• Integrazione con Capacitor come percorso alternativo di wrapping
• Wizard di pubblicazione sugli store integrato nel builder (icone, splash screen, testo per la scheda store)
• Gestione dei metadati per gli store sincronizzata con il builder