PhoneGap: essens, möjligheter och skapande av appar på Adobe-plattformen

Vad är PhoneGap?

PhoneGap — är en plattform för mobilapputveckling, ursprungligen skapad av företaget Nitobi Software 2009. År 2011 förvärvade Adobe Nitobi och släppte PhoneGap som en kommersiell produkt, och överlämnade ramverkets kärna till Apache Software Foundation under namnet Cordova.

Historia och utveckling

PhoneGap skapades på konferensen iPhoneDevCamp 2008, där utvecklare från Nitobi Software demonstrerade tekniken för att omsluta webbappar i en native behållare. Den första offentliga versionen släpptes 2009 och väckte omedelbart uppmärksamhet från webbutvecklargemenskapen som sökte sätt att ta sig in på den mobila marknaden utan att lära sig Objective-C.

Den främsta innovationen med PhoneGap var att utvecklare kunde använda välbekanta webbteknologier — HTML, CSS och JavaScript — för att skapa appar som installeras på enheten via appbutiker och har tillgång till native-funktioner: kamera, GPS, kontakter och accelerometer.

Enligt Adobe Developer Relations (2015) använde över 600 tusen utvecklare världen över PhoneGap under toppperioden. Plattformen var särskilt populär bland webbstudior och frilansare som ville utöka sin portfölj med mobilprojekt utan att anställa iOS- och Android-ingenjörer.

Skillnader mellan PhoneGap och Apache Cordova

Den största skillnaden mellan PhoneGap och Apache Cordova ligger i distributionsmodellen och extra tjänster. Cordova är ett rent open-source-ramverk som hanteras av Apache Foundation, medan PhoneGap är dess kommersiella distribution med exklusiva Adobe-funktioner.

Den främsta fördelen och den viktigaste kommersiella skillnaden med PhoneGap jämfört med Apache Cordova — är tjänsten PhoneGap Build, som tar över kompileringssteget. Utvecklaren laddar upp källfilerna till Adobes server, väljer målplattformar och får färdiga binärfiler utan installation av Android SDK, Xcode och relaterade kompileringsverktyg.

Dessutom inkluderade PhoneGap integration med Adobe Creative Cloud, vilket gjorde det möjligt för designers att exportera layouter från Photoshop direkt till PhoneGap-projektstrukturen. Denna funktion var efterfrågad i små team utan dedikerad mobilutvecklare.

PhoneGap Build: molnkompilering av appar

PhoneGap Build — är en Adobe-webbtjänst som kompilerar källkoden för PhoneGap/Cordova-appar till installationsfiler för iOS (.ipa), Android (.apk), Windows Phone (.xap) och andra plattformar. Användaren behöver inte installera SDK:er för måloperativsystemen på sin dator.

Kompileringsprocessen består av tre steg: utvecklaren arkiverar projektet (eller anger ett Git-förråd), laddar upp det till build.phonegap.com och väljer plattformar. Efter några minuter returnerar servern färdiga binärfiler för uppladdning till appbutiker.

PhoneGap Build stödde två typer av prenumerationer: gratis (upp till 2 appar, offentlig kompilering) och betald (upp till 25 appar, privat kompilering, anpassade ikoner och certifikat). För iOS krävdes ett Apple Developer Program-uppladdningscertifikat som användaren laddade upp till sitt personliga konto. Builds funktionsmekanism var enkel: användaren skickade ett ZIP-arkiv eller angav ett Git-förråd, servern bestämde automatiskt plattformarna och returnerade färdiga binärfiler via kontrollpanelen.

Enligt Adobe Blog (2017) passerade över 500 tusen kompileringar per månad genom PhoneGap Build. Tjänsten var särskilt populär inom utbildningsinstitutioner och på hackathons där deltagarna inte hade tillgång till Mac-infrastruktur. Utvecklare använde också Build för att demonstrera prototyper för kunder direkt på enheter utan miljökonfiguration.

Exempel på PhoneGap-kod och konfiguration

Strukturen för ett PhoneGap-projekt är identisk med Cordova. Skillnaden är bara i konfigurationsfilen config.xml, där elementet <gap> läggs till med specifikation av PhoneGap-versionen och Adobe-applikationsidentifieraren.

<?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>
        PhoneGap-app
    </description>
    <gap:platform name='ios' />
    <gap:platform name='android' />
    <gap:plugin name='cordova-plugin-camera' />
    <gap:config platform='ios' min-version='13.0' />
</widget>

Denna konfigurationsfil definierar en app med stöd för iOS och Android, anger lägsta version iOS 13 och ansluter kamerapluginen. Vid uppladdning till PhoneGap Build känner servern automatiskt igen dessa inställningar och kompilerar projektet med nödvändiga beroenden.

Exempel på grundläggande JavaScript-kod med hantering av enhetens redo-händelse och anrop av en native-dialog:

document.addEventListener('deviceready', function() {
  console.log('PhoneGap redo att användas');

  document.getElementById('btnAlert')
    .addEventListener('click', function() {
      navigator.notification.alert(
        'Hej från PhoneGap!',
        function() { console.log('OK'); },
        'Meddelande',
        'Stäng'
      );
    });
});

Händelsen deviceready — obligatorisk startpunkt i alla PhoneGap- och Cordova-appar. Utan denna händelse fungerar inte anrop till native API:er eftersom bryggan ännu inte är initierad. Efter redo är alla plugins tillgängliga, inklusive notification.alert för native-dialogrutor.

Fördelar och nackdelar med PhoneGap

PhoneGap hade en rad fördelar som gjorde det populärt i mitten av 2010-talet, men hade också begränsningar som ledde till minskad marknadsandel efter 2018.

Styrkor

Den främsta fördelen med PhoneGap — låg inträdesbarriär för webbutvecklare. HTML, CSS och JavaScript är teknologier som varje frontend-specialist känner till, vilket gjorde det möjligt för webbstudior att snabbt komma in på den mobila appmarknaden utan att anställa iOS- och Android-ingenjörer.

Moltjänsten PhoneGap Build löste infrastrukturproblemet: team på Windows kunde kompilera iOS-appar utan att köpa en Mac. Detta var avgörande för startups med begränsad budget för utrustning.

Svagheter

Den största nackdelen med PhoneGap — prestanda. WebView är långsammare än native UI-ramverk, särskilt vid komplexa animationer, stora listor och grafikbearbetning. Enligt HTML5Rocks-tester (2016) tog rendering av en lista med 1000 element i PhoneGap 200–400 ms jämfört med 16–30 ms i en native-app.

Ytterligare begränsningar inkluderade beroende av WebView-versionen på användarens enhet, problem med felsökning av native plugins och brist på tillgång till nya iOS- och Android-API:er tills motsvarande Cordova-plugins släpptes.

PhoneGap idag: support och migrering

År 2020 meddelade Adobe att de avslutar stödet för PhoneGap och PhoneGap Build. Företaget överlämnade utvecklingen till gemenskapen med rekommendationen att gå över till Apache Cordova eller Capacitor. PhoneGap Build stängdes och molnkompilering är inte längre tillgänglig.

För befintliga PhoneGap-projekt rekommenderas migrering till Capacitor — detta är den mest direkta vägen med minimala kodändringar. Det räcker med att byta ut initieringsskripten och uppdatera konfigurationen. All JavaScript-kod och HTML-mallar förblir oförändrade eftersom Capacitor använder samma bryggprinciper.

Ett alternativ — direkt övergång till Apache Cordova. Detta kräver lokal installation av plattformar via CLI och konfiguration av lokal kompilering, men behåller full kompatibilitet med befintliga plugins och apparkitekturen.

Trots nedläggningen är PhoneGaps historiska betydelse svår att överskatta. Just PhoneGap visade marknaden att webbteknologier kan vara grunden för mobilappar och banade väg för moderna hybrid- och plattformsoberoende ramverk. Konceptet med molnkompilering, först implementerat i PhoneGap Build, antogs senare av Ionic Appflow, Visual Studio App Center och andra kontinuerliga integrationstjänster för mobilprojekt.

PhoneGaps arkitektoniska beslut — bryggan via WebView, pluginsystemet och konfiguration via config.xml — blev de facto-standard för hybridutveckling. Även i moderna Capacitor-projekt syns PhoneGaps arv: samma principer för arbete med plugins och en liknande kompileringsprocess.

För utvecklare som underhåller gamla PhoneGap-projekt är den viktigaste färdigheten att förstå plugin-bryggan och förmågan att anpassa plugins till moderna versioner av Android och iOS. Utan detta blir det omöjligt att uppdatera appen enligt nya butikskrav på grund av föråldrade systembehörigheter.