PhoneGap: cos'è, funzionalità e creazione di app sulla piattaforma Adobe

Cos'è PhoneGap?

PhoneGap è una piattaforma per lo sviluppo di applicazioni mobili, creata originariamente da Nitobi Software nel 2009. Nel 2011, Adobe ha acquisito Nitobi e ha rilasciato PhoneGap come prodotto commerciale, trasferendo il nucleo del framework all'Apache Software Foundation con il nome di Cordova.

Storia ed evoluzione

PhoneGap è stato creato alla conferenza iPhoneDevCamp nel 2008, dove gli sviluppatori di Nitobi Software hanno dimostrato la tecnologia di avvolgere applicazioni web in un contenitore nativo. La prima versione pubblica è uscita nel 2009 e ha immediatamente attirato l'attenzione della comunità degli sviluppatori web che cercavano modi per entrare nel mercato mobile senza imparare Objective-C.

L'innovazione principale di PhoneGap era che gli sviluppatori potevano utilizzare tecnologie web familiari — HTML, CSS e JavaScript — per creare applicazioni che si installano sul dispositivo tramite gli app store e hanno accesso a funzionalità native: fotocamera, GPS, contatti e accelerometro.

Secondo Adobe Developer Relations (2015), nel periodo di picco, oltre 600 mila sviluppatori in tutto il mondo utilizzavano PhoneGap. La piattaforma era particolarmente popolare tra studi web e freelancer che volevano espandere il proprio portfolio con progetti mobili senza assumere ingegneri iOS e Android.

Differenze tra PhoneGap e Apache Cordova

La differenza principale tra PhoneGap e Apache Cordova risiede nel modello di distribuzione e nei servizi aggiuntivi. Cordova è un framework open-source puro gestito dall'Apache Foundation, mentre PhoneGap è la sua distribuzione commerciale con funzionalità esclusive di Adobe.

Il vantaggio principale e la differenza commerciale chiave di PhoneGap rispetto ad Apache Cordova è il servizio PhoneGap Build, che si occupa della fase di compilazione. Lo sviluppatore carica i file sorgente sul server Adobe, seleziona le piattaforme target e riceve binari pronti senza installare Android SDK, Xcode o gli strumenti di compilazione correlati.

Inoltre, PhoneGap includeva l'integrazione con Adobe Creative Cloud, consentendo ai designer di esportare layout da Photoshop direttamente nella struttura del progetto PhoneGap. Questa funzione era richiesta nei piccoli team senza uno sviluppatore mobile dedicato.

PhoneGap Build: compilazione cloud di applicazioni

PhoneGap Build è un servizio web di Adobe che compila il codice sorgente di applicazioni PhoneGap/Cordova in file di installazione per iOS (.ipa), Android (.apk), Windows Phone (.xap) e altre piattaforme. L'utente non deve installare gli SDK dei sistemi operativi target sul proprio computer.

Il processo di compilazione si compone di tre passaggi: lo sviluppatore archivia il progetto (o indica un repository Git), lo carica su build.phonegap.com e seleziona le piattaforme. In pochi minuti, il server restituisce i file binari pronti per il caricamento negli app store.

PhoneGap Build supportava due tipi di abbonamenti: gratuito (fino a 2 app, compilazione pubblica) e a pagamento (fino a 25 app, compilazione privata, icone personalizzate e certificati). Per iOS era richiesto un certificato di firma Apple Developer Program, che l'utente caricava nel proprio account personale. Il meccanismo di Build era semplice: l'utente inviava un archivio ZIP o indicava un repository Git, il server determinava automaticamente le piattaforme e restituiva i file binari pronti tramite il pannello di controllo.

Secondo l'Adobe Blog (2017), oltre 500 mila compilazioni passavano attraverso PhoneGap Build ogni mese. Il servizio era particolarmente popolare negli istituti scolastici e negli hackathon dove i partecipanti non avevano accesso all'infrastruttura Mac. Gli sviluppatori usavano anche Build per dimostrare prototipi ai clienti direttamente sui dispositivi senza configurazione dell'ambiente.

Esempi di codice e configurazione di PhoneGap

La struttura di un progetto PhoneGap è identica a quella di Cordova. L'unica differenza è nel file di configurazione config.xml, dove viene aggiunto un elemento che indica la versione di PhoneGap e l'identificatore dell'applicazione Adobe.

<?xml version='1.0' encoding='utf-8'?>
<widget id='com.adobe.phonegap.app'
        version='1.0.0'
        xmlns='http://www.w3.org/ns/widgets'
        xmlns:gap='http://phonegap.com/ns/1.0'>
    <name>PhoneGapApp</name>
    <description>
        Applicazione PhoneGap
    </description>
    <gap:platform name='ios' />
    <gap:platform name='android' />
    <gap:plugin name='cordova-plugin-camera' />
    <gap:config platform='ios' min-version='13.0' />
</widget>

Questo file di configurazione definisce un'applicazione con supporto per iOS e Android, specifica una versione minima di iOS 13 e include il plugin della fotocamera. Quando viene caricato su PhoneGap Build, il server riconosce automaticamente queste impostazioni e compila il progetto con le dipendenze necessarie.

Esempio di codice JavaScript di base con gestione dell'evento di pronto dispositivo e chiamata a un dialogo nativo:

document.addEventListener('deviceready', function() {
  console.log('PhoneGap pronto per funzionare');

  document.getElementById('btnAlert')
    .addEventListener('click', function() {
      navigator.notification.alert(
        'Ciao da PhoneGap!',
        function() { console.log('OK'); },
        'Messaggio',
        'Chiudi'
      );
    });
});

L'evento deviceready è un punto di ingresso obbligatorio in tutte le applicazioni PhoneGap e Cordova. Senza questo evento, le chiamate alle API native non funzioneranno perché il bridge non è stato ancora inizializzato. Una volta pronto, tutti i plugin sono disponibili, inclusi notification.alert per finestre di dialogo native.

Vantaggi e svantaggi di PhoneGap

PhoneGap aveva numerosi vantaggi che lo hanno reso popolare a metà degli anni 2010, ma possedeva anche limitazioni che hanno portato a un calo della sua quota di mercato dopo il 2018.

Punti di forza

Il principale vantaggio di PhoneGap è la bassa barriera d'ingresso per gli sviluppatori web. HTML, CSS e JavaScript sono tecnologie che qualsiasi specialista frontend padroneggia, consentendo agli studi di sviluppo web di entrare rapidamente nel mercato delle app mobili senza assumere ingegneri iOS e Android.

Il servizio cloud PhoneGap Build risolveva il problema dell'infrastruttura: i team su Windows potevano compilare app iOS senza acquistare un Mac. Questo era fondamentale per le startup con budget limitati per le attrezzature.

Punti di debolezza

Lo svantaggio principale di PhoneGap sono le prestazioni. WebView è più lento dei framework UI nativi, specialmente con animazioni complesse, elenchi grandi ed elaborazione grafica. Secondo i test HTML5Rocks (2016), il rendering di un elenco di 1000 elementi richiedeva 200–400 ms in PhoneGap contro 16–30 ms in un'applicazione nativa.

Le limitazioni aggiuntive includevano la dipendenza dalla versione di WebView sul dispositivo dell'utente, problemi di debug dei plugin nativi e la mancanza di accesso alle nuove API iOS e Android fino al rilascio dei corrispondenti plugin Cordova.

PhoneGap oggi: supporto e migrazione

Nel 2020, Adobe ha annunciato la fine del supporto per PhoneGap e PhoneGap Build. L'azienda ha trasferito gli sviluppi alla comunità con la raccomandazione di passare ad Apache Cordova o Capacitor. PhoneGap Build è stato chiuso e la compilazione cloud non è più disponibile.

Per i progetti PhoneGap esistenti, si consiglia la migrazione a Capacitor — questo è un percorso diretto con modifiche minime al codice. Basta sostituire gli script di inizializzazione e aggiornare la configurazione. Tutto il codice JavaScript e i template HTML rimangono invariati, poiché Capacitor utilizza gli stessi principi di bridge.

Un'opzione alternativa è passare direttamente ad Apache Cordova. Ciò richiede l'installazione locale delle piattaforme tramite CLI e la configurazione della compilazione locale, ma preserva completamente la compatibilità con i plugin esistenti e l'architettura dell'applicazione.

Nonostante la chiusura, l'importanza storica di PhoneGap è difficile da sopravvalutare. È stato PhoneGap a dimostrare al mercato che le tecnologie web potevano essere la base per applicazioni mobili, aprendo la strada ai framework ibridi e multipiattaforma moderni. Il concetto di compilazione cloud, implementato per la prima volta in PhoneGap Build, è stato successivamente adottato da Ionic Appflow, Visual Studio App Center e altri servizi di integrazione continua per progetti mobili.

Le decisioni architetturali di PhoneGap — il bridge tramite WebView, il sistema di plugin e la configurazione tramite config.xml — sono diventate lo standard de facto per lo sviluppo ibrido. Anche nei moderni progetti Capacitor si riflette l'eredità di PhoneGap: gli stessi principi di lavoro con i plugin e un processo di compilazione simile.

Per gli sviluppatori che mantengono vecchi progetti PhoneGap, l'abilità chiave è comprendere il bridge dei plugin e la capacità di adattare i plugin alle versioni moderne di Android e iOS. Senza questo, l'aggiornamento dell'applicazione per soddisfare i nuovi requisiti degli store diventa impossibile a causa di permessi di sistema obsoleti.