Un codice. Tre piattaforme. Un conto solo.
Scriviamo la tua app una volta sola con Angular, Ionic e Capacitor e la pubblichiamo su App Store, Google Play e sul web come app installabile (PWA). Stesso aspetto curato, stesse funzioni del telefono, metà dei progetti da mantenere.
- Una sola squadra
- Uscita in contemporanea
- Versione web compresa
💸 Prova il calcolatore
Sposta il cursore: quanto costerebbe la tua app nativa per una sola piattaforma?
Stima indicativa. Ipotesi: con Ionic lo sviluppo costa il 15% in più di una singola app nativa per gli adattamenti a iOS e Android; la manutenzione annua vale il 20% dello sviluppo, per ogni progetto da mantenere. Il preventivo vero lo facciamo insieme.
Angular, Ionic e Capacitor: tre pezzi, un motore solo
Ogni strato fa un lavoro preciso. Angular è il cervello: struttura, logica, dati, in TypeScript tipizzato e testabile. Ionic è la faccia: oltre cento componenti che si vestono da iPhone su iOS e da Material Design su Android, da soli. Capacitor è il ponte: porta il codice dentro un'app nativa vera e gli apre fotocamera, GPS, notifiche, Face ID e file.
Risultato: lo stesso codice diventa un progetto Xcode per l'App Store, un progetto Android Studio per Google Play e un'app web installabile, pronta su qualsiasi browser.
Angular, solido come un gestionale
Lo stesso framework dei gestionali aziendali: componenti, servizi, controlli di tipo e test. Il codice regge anche quando l'app cresce.
Aspetto nativo, senza rifarlo due volte
I componenti Ionic cambiano stile da soli: barre, liste, pulsanti e gesti come se li aspetta chi usa iPhone o Android.
Tutto l'hardware a disposizione
Con Capacitor si usano i plugin ufficiali e, se serve, si scrive un pezzetto in Swift o Kotlin: nessuna strada chiusa.
Escono insieme
Ogni nuova funzione arriva lo stesso giorno su iPhone, Android e web. Niente "su Android arriva il mese prossimo".
Funziona anche offline
Dati salvati sul telefono e sincronizzati quando torna la rete: ideale per agenti, tecnici e magazzini.
Si collega ai tuoi sistemi
Le stesse API del tuo gestionale o del tuo sito: anzi, spesso parte del codice web che hai già si riusa.
Un pulsante che scatta una foto, scritto una volta contro due
Lo stesso pulsante, nelle due strade. Con quella di destra si moltiplica per ogni schermata, ogni correzione, ogni test.
foto.page.html<ion-button (click)="scatta()"> Scatta foto </ion-button>
foto.page.tsasync scatta() { const foto = await Camera.getPhoto({ resultType: CameraResultType.Uri }); this.immagine = foto.webPath; } // iPhone ✓ Android ✓ Web ✓
iOS · FotoView.swiftButton("Scatta foto") { mostraFotocamera = true } .sheet(isPresented: $mostraFotocamera) { CameraPicker(immagine: $immagine) } // + CameraPicker con UIImagePickerController…
Android · FotoScreen.ktval launcher = rememberLauncherForActivityResult( ActivityResultContracts.TakePicture()) { ok -> … } Button(onClick = { launcher.launch(uri) }) { Text("Scatta foto") } // + FileProvider, permessi, … e il web? Terzo progetto.
Cosa conta per la tua app? Guarda da che parte pende
Spunta quello che ti serve. Siamo onesti: ci sono casi in cui il nativo vince, e la bilancia te lo dice.
Il nativo è più veloce? A volte sì. Ecco quando conta
Due app native scritte in Swift e Kotlin restano la scelta più efficiente in assoluto: parlano direttamente con il sistema, senza strati in mezzo. Per la grande maggioranza delle app aziendali, però, quella differenza non si vede, mentre il conto doppio si vede eccome.
🍎🤖 Dove vincono le app native
- Prestazioni al massimo: giochi, 3D, animazioni complesse a 120 fotogrammi, liste enormi con effetti pesanti.
- Funzioni nuove subito: quando Apple o Google presentano una novità, il nativo la usa dal primo giorno; con Capacitor a volte serve attendere un plugin o scriverne uno.
- Integrazioni profonde: widget elaborati, app per orologi, estensioni di sistema, elaborazione audio e video in tempo reale.
- App un po' più leggera da scaricare e un avvio leggermente più rapido.
⚡ Dove vince Ionic + Capacitor
- Costo: un progetto invece di due (e tre con il web), circa il 40% in meno nel tempo.
- Tempi: una sola squadra, uscita in contemporanea su iPhone, Android e web.
- Manutenzione: ogni correzione si fa una volta, nessuna differenza fra le versioni.
- Velocità reale più che sufficiente per moduli, cataloghi, ordini, mappe, chat, pagamenti, fotocamera e notifiche: il 90% di ciò che fa un'app aziendale.
- Nessuna strada chiusa: se un giorno serve, una schermata si scrive in nativo dentro la stessa app.
Pro e contro, riga per riga
✓punto di forza ~dipende ✗punto debole
↔ scorri la tabella
| Aspetto | ⚡ Ionic + Angular + Capacitor | 🍎🤖 Due app native |
|---|---|---|
| Codice da scrivere | ✓Uno, per iOS, Android e web | ✗Due (Swift e Kotlin), più il web a parte |
| Costo di sviluppo | ✓Circa il 40% in meno nel tempo | ✗Quasi il doppio |
| Tempi di uscita | ✓Più brevi, uscita in contemporanea | ~Due cantieri da coordinare |
| Manutenzione | ✓Una correzione vale per tutti | ✗Ogni modifica si fa due volte |
| Squadra | ✓Una, con competenze web diffuse | ✗Due specialisti diversi |
| Versione web / PWA | ✓Compresa, installabile dal browser | ✗Terzo progetto da pagare |
| Prestazioni per app aziendali | ✓Fluide su moduli, liste, mappe, chat | ✓Fluide |
| Giochi, 3D, realtà aumentata | ✗Non è lo strumento giusto | ✓Il meglio possibile |
| Fotocamera, GPS, push, Face ID | ✓Con i plugin di Capacitor | ✓Diretto |
| Novità di iOS e Android al primo giorno | ~A volte serve attendere un plugin o scriverlo | ✓Subito |
| Aspetto grafico | ✓Stile iOS e Android automatico | ✓Nativo per definizione |
| Peso dell'app | ~Qualche MB in più | ✓Più leggera |
| Funzionamento offline | ✓Sì, con dati salvati sul telefono | ✓Sì |
| Link condivisibili e Google | ✓La versione web si trova su Google | ✗Solo dentro gli store |
| Pubblicazione sugli store | ✓Due invii dallo stesso codice | ~Due invii da due codici |
| Riuso del codice web esistente | ✓Servizi e logica si riusano | ✗Si riscrive tutto |
Come arriva la tua app su App Store e Google Play
Ce ne occupiamo noi dall'inizio alla fine. Ecco cosa succede dietro le quinte, nelle due strade.
⚡ Ionic + Angular + Capacitor
Un build, tre uscite.
- Build unico dell'app Angular con
ng build. - Sincronizzazione con
npx cap sync: il codice entra nei progetti iOS e Android, con i plugin nativi. - Android: Android Studio crea il pacchetto firmato (AAB) e lo carichiamo su Google Play Console, prima in test interno poi in produzione.
- iPhone: Xcode archivia e firma l'app, la inviamo ad App Store Connect, la proviamo con TestFlight e la mandiamo in revisione ad Apple.
- Web / PWA: la stessa app va online sul tuo dominio, subito, senza revisione: chi la apre la installa dalla schermata del telefono.
- Aggiornamenti: una modifica, un nuovo build, tre pubblicazioni.
🍎🤖 Due app native
Due cantieri paralleli da tenere allineati.
- Due progetti: uno in Swift su Xcode, uno in Kotlin su Android Studio. ×2
- Due build e due firme separate, con due squadre. ×2
- Android: pacchetto AAB firmato, Google Play Console, test interno e produzione.
- iPhone: archivio Xcode, App Store Connect, TestFlight e revisione Apple.
- Allineamento: controllare che le due app facciano davvero le stesse cose. ×2
- Web: se serve, un terzo progetto da costruire e pubblicare. +1
Prima di cominciare
Un'app fatta con Ionic e Capacitor è una vera app?
Sì. Capacitor produce un progetto Android e un progetto iOS veri, che si compilano con Android Studio e Xcode e si pubblicano su Google Play e App Store come qualsiasi altra app. L'interfaccia è scritta con tecnologie web, ma l'app usa fotocamera, GPS, notifiche, biometria e file del telefono attraverso le API native.
Apple accetta app fatte con Ionic e Capacitor?
Sì, a patto che l'app offra un'esperienza da app e non sia solo un sito web impacchettato. Per questo usiamo le funzioni native del telefono (notifiche, fotocamera, accesso con Face ID, uso offline) e curiamo l'interfaccia secondo le linee guida di Apple.
Che differenza c'è tra PWA e app sugli store?
La PWA è la versione web dell'app: si apre dal browser, si installa sulla schermata del telefono e si aggiorna da sola, senza passare dagli store. L'app sugli store si scarica da App Store e Google Play e ha accesso completo alle funzioni del telefono. Con Ionic e Capacitor le hai entrambe dallo stesso codice.
Quando conviene davvero fare due app native?
Per giochi e grafica 3D, realtà aumentata spinta, elaborazione audio e video in tempo reale, oppure quando servono subito le funzioni appena uscite di iOS e Android come widget complessi o app per orologi. In questi casi te lo diciamo prima di iniziare.
Quanto costano gli account degli store?
Apple Developer Program costa 99 dollari all'anno, Google Play Console 25 dollari una volta sola. Gli account sono intestati alla tua azienda e li configuriamo noi insieme a te. La versione web (PWA) non richiede nessun account.
Cosa succede dopo la pubblicazione?
Seguiamo aggiornamenti di Angular, Ionic e Capacitor, le nuove versioni di iOS e Android e i requisiti degli store, correggiamo i problemi e aggiungiamo funzioni. Con un solo codice la manutenzione è una sola.
Raccontaci la tua app
Ti diciamo con franchezza quale strada conviene, con tempi e prezzo, senza impegno.
- 1Ci scrivi qui accanto
Ti ricontattiamo entro un giorno lavorativo. - 2Chiamata di 30 minuti
Schermate, funzioni, utenti: mettiamo a fuoco l'idea. - 3Proposta su misura
Architettura, tempi e prezzo, chiari fin da subito.