PhoneGap: esența, capacitățile și crearea aplicațiilor pe platforma Adobe

Ce este PhoneGap?

PhoneGap — este o platformă pentru dezvoltarea aplicațiilor mobile, creată inițial de compania Nitobi Software în 2009. În 2011, Adobe a achiziționat Nitobi și a lansat PhoneGap ca produs comercial, transferând nucleul framework-ului către Apache Software Foundation sub numele Cordova.

Istoria creării și evoluția

PhoneGap a fost creat la conferința iPhoneDevCamp în 2008, unde dezvoltatorii Nitobi Software au demonstrat tehnologia de împachetare a aplicațiilor web într-un container nativ. Prima versiune publică a apărut în 2009 și a atras imediat atenția comunității de dezvoltatori web care căutau modalități de a intra pe piața mobilă fără a învăța Objective-C.

Inovația principală a PhoneGap consta în faptul că dezvoltatorii puteau utiliza tehnologii web familiare — HTML, CSS și JavaScript — pentru a crea aplicații care se instalează pe dispozitiv prin magazinele de aplicații și au acces la funcții native: cameră, GPS, contacte și accelerometru.

Conform Adobe Developer Relations (2015), în perioada de vârf, peste 600 de mii de dezvoltatori din întreaga lume foloseau PhoneGap. Platforma era deosebit de populară printre studiourile web și freelancerii care doreau să-și extindă portofoliul cu proiecte mobile fără a angaja ingineri iOS și Android.

Diferențele dintre PhoneGap și Apache Cordova

Diferența principală între PhoneGap și Apache Cordova constă în modelul de distribuție și serviciile suplimentare. Cordova este un framework open-source pur gestionat de Apache Foundation, iar PhoneGap este distribuția sa comercială cu capacități exclusive Adobe.

Avantajul principal și cea mai importantă diferență comercială a PhoneGap față de Apache Cordova — este serviciul PhoneGap Build, care preia etapa de compilare. Dezvoltatorul încarcă fișierele sursă pe serverul Adobe, selectează platformele țintă și primește fișierele binare gata făcute fără instalarea Android SDK, Xcode și a instrumentelor de compilare asociate.

În plus, PhoneGap includea integrarea cu Adobe Creative Cloud, permițând designerilor să exporte machete din Photoshop direct în structura proiectului PhoneGap. Această funcție era solicitată în echipele mici fără un dezvoltator mobil dedicat.

PhoneGap Build: compilarea în nor a aplicațiilor

PhoneGap Build — este un serviciu web Adobe care compilează codul sursă al aplicației PhoneGap/Cordova în fișiere de instalare pentru iOS (.ipa), Android (.apk), Windows Phone (.xap) și alte platforme. Utilizatorul nu trebuie să instaleze pe calculator SDK-urile sistemelor de operare țintă.

Procesul de compilare constă din trei pași: dezvoltatorul arhivează proiectul (sau indică un depozit Git), îl încarcă pe build.phonegap.com și selectează platformele. După câteva minute, serverul returnează fișierele binare gata pentru încărcare în magazinele de aplicații.

PhoneGap Build suporta două tipuri de abonamente: gratuit (până la 2 aplicații, compilare publică) și plătit (până la 25 de aplicații, compilare privată, pictograme și certificate personalizate). Pentru iOS era necesar un certificat de încărcare Apple Developer Program, pe care utilizatorul îl încărca în contul personal. Mecanismul de funcționare Build era simplu: utilizatorul trimitea o arhivă ZIP sau indica un depozit Git, serverul determina automat platformele și returna fișierele binare gata prin panoul de administrare.

Conform Adobe Blog (2017), prin PhoneGap Build treceau peste 500 de mii de compilări lunar. Serviciul era deosebit de popular în instituțiile de învățământ și la hackatoane, unde participanții nu aveau acces la infrastructura Mac. Dezvoltatorii foloseau de asemenea Build pentru demonstrarea prototipurilor clienților direct pe dispozitive fără configurarea mediului.

Exemple de cod și configurare PhoneGap

Structura proiectului PhoneGap este identică cu Cordova. Diferența constă doar în fișierul de configurare config.xml, unde se adaugă elementul <gap> cu specificarea versiunii PhoneGap și identificatorului aplicației 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>
        Aplicația 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>

Acest fișier de configurare definește aplicația cu suport pentru iOS și Android, specifică versiunea minimă iOS 13 și conectează pluginul camerei. La încărcarea în PhoneGap Build, serverul recunoaște automat aceste setări și compilează proiectul cu dependențele necesare.

Exemplu de cod JavaScript de bază cu gestionarea evenimentului de pregătire a dispozitivului și apelarea unui dialog nativ:

document.addEventListener('deviceready', function() {
  console.log('PhoneGap pregătit de lucru');

  document.getElementById('btnAlert')
    .addEventListener('click', function() {
      navigator.notification.alert(
        'Salut din PhoneGap!',
        function() { console.log('OK'); },
        'Mesaj',
        'Închide'
      );
    });
});

Evenimentul deviceready — punctul de intrare obligatoriu în toate aplicațiile PhoneGap și Cordova. Fără acest eveniment, apelurile API-urilor native nu vor funcționa, deoarece podul nu este încă inițializat. După pregătire, toate pluginurile sunt disponibile, inclusiv notification.alert pentru ferestrele de dialog native.

Avantajele și dezavantajele PhoneGap

PhoneGap avea o serie de avantaje care l-au făcut popular la mijlocul anilor 2010, dar avea și limitări care au dus la scăderea cotei sale de piață după 2018.

Puncte forte

Principalul avantaj al PhoneGap — pragul scăzut de intrare pentru dezvoltatorii web. HTML, CSS și JavaScript sunt tehnologii pe care le cunoaște orice specialist frontend, ceea ce permitea studiourilor web să intre rapid pe piața aplicațiilor mobile fără a angaja ingineri iOS și Android.

Serviciul în nor PhoneGap Build rezolva problema infrastructurii: echipele pe Windows puteau compila aplicații iOS fără a cumpăra un Mac. Acest lucru era esențial pentru startup-urile cu buget limitat pentru echipamente.

Puncte slabe

Principalul dezavantaj al PhoneGap — performanța. WebView este mai lent decât framework-urile UI native, în special la animații complexe, liste mari și procesarea graficii. Conform testelor HTML5Rocks (2016), randarea unei liste de 1000 de elemente dura în PhoneGap 200–400 ms față de 16–30 ms într-o aplicație nativă.

Limitări suplimentare includeau dependența de versiunea WebView pe dispozitivul utilizatorului, probleme cu depanarea pluginurilor native și lipsa accesului la noile API-uri iOS și Android până la lansarea pluginurilor Cordova corespunzătoare.

PhoneGap astăzi: suport și migrare

În 2020, Adobe a anunțat încetarea suportului pentru PhoneGap și PhoneGap Build. Compania a transmis realizările comunității cu recomandarea de a trece la Apache Cordova sau Capacitor. PhoneGap Build a fost închis, iar compilarea în nor nu mai este disponibilă.

Pentru proiectele PhoneGap existente, se recomandă migrarea la Capacitor — aceasta este calea cea mai directă cu modificări minime de cod. Este suficient să înlocuiți scripturile de inițializare și să actualizați configurația. Tot codul JavaScript și șabloanele HTML rămân neschimbate, deoarece Capacitor utilizează aceleași principii de pod.

O opțiune alternativă — trecerea directă la Apache Cordova. Aceasta necesită instalarea locală a platformelor prin CLI și configurarea compilării locale, dar păstrează complet compatibilitatea cu pluginurile existente și arhitectura aplicației.

În ciuda închiderii, importanța istorică a PhoneGap este greu de supraestimat. Tocmai PhoneGap a demonstrat pieței că tehnologiile web pot fi baza pentru aplicațiile mobile, deschizând calea pentru framework-urile hibride și cross-platform moderne. Conceptul de compilare în nor, implementat pentru prima dată în PhoneGap Build, a fost ulterior preluat de Ionic Appflow, Visual Studio App Center și alte servicii de integrare continuă pentru proiecte mobile.

Deciziile arhitecturale ale PhoneGap — podul prin WebView, sistemul de pluginuri și configurarea prin config.xml — au devenit standardul de facto pentru dezvoltarea hibridă. Chiar și în proiectele moderne Capacitor se vede moștenirea PhoneGap: aceleași principii de lucru cu pluginurile și un proces similar de compilare.

Pentru dezvoltatorii care întrețin proiecte vechi PhoneGap, abilitatea cheie este înțelegerea podului de pluginuri și capacitatea de a adapta pluginurile la versiunile moderne de Android și iOS. Fără aceasta, actualizarea aplicației pentru noile cerințe ale magazinelor devine imposibilă din cauza permisiunilor de sistem învechite.