Sviluppare applicazioni per iPhone e iPad con HTML5 e Phonegap
Ad oggi esistono diverse alternative per raggiungere i device mobile, ciascuna con le proprie peculiarità e limitazioni. In un ottica di manutenibilità e riduzione dei costi di sviluppo, sarebbe ideale sviluppare una sola applicazione e renderla disponibile al maggior numero di device. Nel caso di un sito web o applicazione, la scelta di offrire una versione mobile è d'obbligo, se non si vuole rischiare di perdere utenti. Per altri scenari offrire una app nativa, rappresentativa dell'immagine aziendale ed installabile dallo store è una scelta irrinunciabile per garantire la propria presenza e visibilità. La priorità aumenta si tratta di servizi/applicazioni a pagamento, perché confinarsi ad un solo store/market?
Oltre il mobile web con HTML5 e Phonegap
In un precedente articolo abbiamo trattato il tema mobile, nell'ambito di alcune tecniche per raggiungere i device e l'utenza mobile, aggirando le limitazioni tipiche di un'applicazione web e avvicinandoci ad un esperienza native-like grazie alla gestione dell'offline.
In questo articolo facciamo un ulteriore passo verso l'integrazione con il device, aggirando le limitazioni dell'approccio "Mobile Web app" ovvero:
- Installazione dell'app sul device
- Accesso ai sensori e media
- Pubblicazione gratuita o a pagamento sullo store
Introduzione a Phonegap 2.2.X
Lo strumento utilizzato in questo articolo è Phonegap, si tratta di uno strumento di sviluppo open-source di Adobe, che promette di aggirare i limiti delle web applications in favore di una migliore integrazione con il device.
Phonegap è una distribuzione gratuita ed open-source di Apache Cordova, ovvero l'engine alla base del framework. Questa separazione si è resa necessaria per meglio gestire futuri contributi e funzionalità sviluppate da Adobe che potrebbero non essere compatibili con la licenza Apache. Il post contenente i dettagli di questo aspetto è disponibile qui
Attualmente i device/sistemi operativi supportati sono Apple iOS, Google Android, RIM Blackberry, Microsoft Windows Phone e, recentemente, anche Windows 8.
Una tabella riportante le caratteristiche supportate per ciascun sistema operativo mobile è disponibile su questa pagina.
Phonegap è un framework basato su una libreria Javascript che consente ad applicazioni HTM5 di accedere alle risorse ed ai sensori del device. L'architettura di Phonegap prevede uno strato di astrazione del device, che espone le funzionalità mediante un API Javascript utilizzabile dall'applicazione senza conoscere i dettagli del device sottostante. Per ottenere questo risultato esiste una controparte nativa, specifica per pitattaforma/sistema operativo, che mappa le funzionalità sulle API specifiche del device.
Il codice dell'applicazione è basato su HTML, CSS e Javascript, esattamente come una mobile web app servita da un web server. In questo caso le risorse fanno parte degli asset locali distribuiti insieme all' applicazione nativa, che (semplificando) utilizza un istanza dell'oggetto UIWebView come "container" per eseguire l'applicazione e comunicare con il layer nativo. Questo tipo di approccio è noto come hybrid mobile app.
Qualora le API disponibili con Phonegap non fossero sufficienti, il framework è estendibile grazie ad un'architettura a plug-in, che consente di sviluppare nuove funzionalità, sviluppandone la controparte nativa ed esponendole via Javascript. Questo oltre a rappresentare una possibilità, in un contesto cross-platform potrebbe rivelarsi anche una limitazione, dal momento che occorre sviluppare una controparte nativa del Plug-in per ogni piattaforma/sistema operativo mobile che si desidera supportare.
Di seguito i plug-in già disponibili per i diversi Apple iOS:
- Facebook Connect
- Barcode scanner
- Push notification
- PDF viewer
Il repository ufficiale, basato su GitHub, contenente i Plug-in di Phonegap è disponibile qui.
La guida completa per lo sviluppo di plug-in nativi (l'argomento non è trattato in questo articolo), è disponibile su questa pagina.
Contenuti dell'articolo
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Come EF 8 ha ottimizzato le query che usano il metodo Contains
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8
Utilizzare il trigger SQL con le Azure Function
Usare il colore CSS per migliorare lo stile della pagina
Creazione di plugin per Tailwind CSS: espandere le funzionalità del framework dinamicamente
Assegnare un valore di default a un parametro di una lambda in C#
Testare l'invio dei messaggi con Event Hubs Data Explorer
Utilizzare i primary constructor in C#
Creare una libreria CSS universale: Cards
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Criptare la comunicazione con mTLS in Azure Container Apps
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Sommario
Top Ten Articoli
- Realizzare una Progressive Web Application con Blazor e ASP.NET Core
di Giampaolo Tucci - Gestire le chiamate a servizi esterni in ASP.NET Core e Blazor tramite Polly
di Morgan Pizzini - Usare gRPC come infrastruttura per i nostri servizi web
di Morgan Pizzini - Abilitare e gestire il prerendering nelle applicazioni Blazor WebAssembly
di Marco De Sanctis - Creare API GraphQL con ASP.NET Core e HotChocolate
di Moreno Gentili - Le novità di Blazor in .NET 6.0
di Morgan Pizzini - Blazor e il pattern Model-View-ViewModel
di Giampaolo Tucci - Le novità in ASP.NET Core e Blazor con .NET 7
di Morgan Pizzini - Introduzione a Blazor WebAssembly
di Marco De Sanctis, Moreno Gentili - Le novità di ASP.NET Core 5
di Marco De Sanctis
Articoli via e-mail
Iscriviti alla nostra newsletter nuoviarticoli per ricevere via e-mail le notifiche!
In primo piano
I più letti di oggi
In evidenza
- Eseguire script pre e post esecuzione di un workflow di GitHub
- Creare una libreria CSS universale: Cards
- Migliorare l'organizzazione delle risorse con Azure Policy
- Effettuare il log delle chiamate a function di GPT in ASP.NET Web API
- Leggere la posta usando il protocollo IMAP tramite la libreria MailKit
- Eseguire una ricerca avanzata per recuperare le issue di GitHub
- Creare una libreria CSS universale: Clip-path
- Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database