App Webview / PWA
In Cadrant costruisci queste app nella scheda Applicazione mobile, opzione « Webview / PWA ». È un'unica app web mobile-first, che si distribuisce in due modi — come PWA, sugli store, o entrambi:
- PWA — pubblichi una URL, e i tuoi utenti installano l'app dal browser, senza passare da uno store.
- WebView — la stessa app, racchiusa in uno shell nativo e inviata all'App Store e a Google Play.
Cosa ottieni
- UI mobile-first generata per schermi touch e formati telefono.
- Anteprima a cornice telefono dentro Cadrant (stesse schede di un'app web: preview, editor, codice, data).
- Una URL Cadrant gratuita, o il tuo dominio, con HTTPS incluso.
- Backend Supabase: auth, database, storage ed Edge Functions.
- Sync GitHub e cronologia versioni.
1. PWA: installare dal browser
Una PWA (Progressive Web App) è un'app web che i tuoi utenti installano sul telefono direttamente dal browser. È il modo più semplice per mettere un prodotto mobile in mano alle persone: pubblichi una URL, e quella URL è l'app.
Come una PWA arriva ai tuoi utenti
- Aprono la tua URL sul telefono, in qualsiasi browser.
- Toccano « Aggiungi alla schermata Home » nel menu del browser.
- L'app riceve una sua icona e si apre a schermo intero, senza l'interfaccia del browser.
- A ogni pubblicazione tutti hanno subito la nuova versione: niente da scaricare, niente da approvare.
Pubblicare
Dall'intestazione del progetto, apri Pubblica e scegli uno slug o collega un dominio personalizzato. Condividi il link ed è online. Dettagli su slug e domini: Pubblicare il progetto.
Cosa una PWA non può fare
- Le API del dispositivo sono limitate rispetto a un'app nativa — in particolare fotocamera e notifiche push, e iOS le restringe più di Android.
- Non è sull'App Store: nessuno la troverà cercando nello store. Per questo, passa alla parte 2.
Workflow PWA
Costruire e vedere l'anteprima
Itera nella cornice telefono finché navigazione e flussi chiave funzionano.Pubblicare la URL
Scegli uno slug o un dominio personalizzato, poi condividi il link.Testare l'installazione
Apri la URL su un telefono reale e aggiungila alla schermata Home per verificare icona, splash e schermo intero.
2. WebView: pubblicare sugli store
Un'app WebView è la tua app web pubblicata, racchiusa in uno shell nativo e inviata all'App Store e a Google Play. È lo stesso progetto della tua PWA: la differenza è che questa ottiene una scheda sullo store. Scegli questa via quando le persone devono trovare e installare l'app dallo store invece che da un link.
Prerequisiti per pubblicare: il piano Starter, un account Expo (gratuito), un account Apple Developer (99 $/anno) per l'App Store e un account sviluppatore Google Play (25 $ una tantum) per Google Play.
Come funziona
- Cadrant genera uno shell Expo minimale la cui unica schermata è una WebView nativa puntata alla tua URL pubblicata.
- Le build iOS e Android girano sul tuo account Expo, ed Expo le invia al tuo account App Store Connect e alla tua Play Console.
- Gli utenti la installano dallo store come qualsiasi altra app.
Cosa cambia rispetto alla PWA
- Trovabile: la tua app ha una scheda, un'icona e un nome che si possono cercare.
- Sottoposta a revisione: Apple esamina il binario prima della pubblicazione e a ogni build; Google esamina le release di produzione su Play.
- Il contenuto si aggiorna comunque all'istante: lo shell carica la tua URL live, quindi pubblicare cambia ciò che vedono gli utenti senza inviare una nuova build.
Pubblicare
I due percorsi sono identici a quelli di un'app nativa: le build girano sul tuo account Expo, poi Expo invia il binario iOS al tuo account App Store Connect e l'app bundle Android alla tua Play Console. Passo per passo, per piattaforma — iOS: Pubblicare su App Store Connect. Android: Pubblicare su Google Play.
Workflow WebView
Collega il tuo account Expo
Crea un account Expo gratuito e incolla un token di accesso in Integrazioni. Il piano gratuito copre 15 build iOS e 15 Android al mese, e le build girano sul tuo account.Pubblicare: la build gira sul tuo account Expo
Cadrant ti guida nella configurazione dello store — accesso Apple e certificato su iOS, creazione dell'app e invito dell'account di servizio su Google Play —, avvia la build sul tuo account Expo, poi Expo la invia ad App Store Connect o alla tua Play Console.Testare su un dispositivo reale
Su iOS, installa proprio quel binario tramite TestFlight. Su Android, distribuisci la release in bozza ai tester interni dalla Play Console. È qui che verifichi l'app come la riceveranno i tuoi utenti, non come anteprima.Pubblicare sugli store
Completa le schede in App Store Connect e Play Console — screenshot, descrizione, privacy —, invia la versione alla revisione Apple e distribuisci la release Android dal test interno.
Vedi anche
- App mobile native — API native complete, quando il browser non basta.
- Pubblicare il progetto — slug e domini personalizzati.
- Pubblicare su App Store Connect — flusso Apple Developer, build e caricamento.
- Pubblicare su Google Play — configurazione Play Console, chiave di upload e rollout nel Test interno.