PhoneGap: esensi, kemampuan dan pembuatan aplikasi di platform Adobe

Apa itu PhoneGap?

PhoneGap — adalah platform untuk pengembangan aplikasi mobile, awalnya dibuat oleh perusahaan Nitobi Software pada tahun 2009. Pada tahun 2011, Adobe mengakuisisi Nitobi dan merilis PhoneGap sebagai produk komersial, menyerahkan inti framework ke Apache Software Foundation dengan nama Cordova.

Sejarah penciptaan dan evolusi

PhoneGap dibuat di konferensi iPhoneDevCamp pada tahun 2008, di mana pengembang Nitobi Software mendemonstrasikan teknologi pembungkusan aplikasi web dalam wadah native. Versi publik pertama dirilis pada tahun 2009 dan segera menarik perhatian komunitas pengembang web yang mencari cara untuk memasuki pasar mobile tanpa mempelajari Objective-C.

Inovasi utama PhoneGap adalah bahwa pengembang dapat menggunakan teknologi web yang familiar — HTML, CSS dan JavaScript — untuk membuat aplikasi yang diinstal pada perangkat melalui toko aplikasi dan memiliki akses ke fungsi native: kamera, GPS, kontak, dan akselerometer.

Menurut Adobe Developer Relations (2015), pada periode puncak, lebih dari 600 ribu pengembang di seluruh dunia menggunakan PhoneGap. Platform ini sangat populer di kalangan studio web dan freelancer yang ingin memperluas portofolio dengan proyek mobile tanpa merekrut insinyur iOS dan Android.

Perbedaan PhoneGap dan Apache Cordova

Perbedaan utama antara PhoneGap dan Apache Cordova terletak pada model distribusi dan layanan tambahan. Cordova adalah framework open-source murni yang dikelola oleh Apache Foundation, sedangkan PhoneGap adalah distribusi komersialnya dengan kemampuan eksklusif Adobe.

Keunggulan utama dan perbedaan komersial terpenting PhoneGap dibandingkan Apache Cordova — adalah layanan PhoneGap Build, yang mengambil alih tahap kompilasi. Pengembang mengunggah file sumber ke server Adobe, memilih platform target dan mendapatkan file biner siap pakai tanpa instalasi Android SDK, Xcode dan alat kompilasi terkait.

Selain itu, PhoneGap menyertakan integrasi dengan Adobe Creative Cloud, memungkinkan desainer mengekspor tata letak dari Photoshop langsung ke struktur proyek PhoneGap. Fitur ini diminati di tim kecil tanpa pengembang mobile khusus.

PhoneGap Build: kompilasi cloud aplikasi

PhoneGap Build — adalah layanan web Adobe yang mengkompilasi kode sumber aplikasi PhoneGap/Cordova menjadi file instalasi untuk iOS (.ipa), Android (.apk), Windows Phone (.xap) dan platform lainnya. Pengguna tidak perlu menginstal SDK sistem operasi target di komputernya.

Proses kompilasi terdiri dari tiga langkah: pengembang mengarsipkan proyek (atau menunjukkan repositori Git), mengunggahnya ke build.phonegap.com dan memilih platform. Setelah beberapa menit, server mengembalikan file biner siap pakai untuk diunggah ke toko aplikasi.

PhoneGap Build mendukung dua jenis langganan: gratis (hingga 2 aplikasi, kompilasi publik) dan berbayar (hingga 25 aplikasi, kompilasi pribadi, ikon dan sertifikat kustom). Untuk iOS diperlukan sertifikat unggah Apple Developer Program, yang diunggah pengguna ke akun pribadi. Mekanisme kerja Build sederhana: pengguna mengirim arsip ZIP atau menunjukkan repositori Git, server secara otomatis menentukan platform dan mengembalikan file biner siap pakai melalui panel kontrol.

Menurut Adobe Blog (2017), lebih dari 500 ribu kompilasi per bulan dilakukan melalui PhoneGap Build. Layanan ini sangat populer di lembaga pendidikan dan hackathon di mana peserta tidak memiliki akses ke infrastruktur Mac. Pengembang juga menggunakan Build untuk mendemonstrasikan prototipe kepada klien langsung di perangkat tanpa konfigurasi lingkungan.

Contoh kode dan konfigurasi PhoneGap

Struktur proyek PhoneGap identik dengan Cordova. Perbedaannya hanya pada file konfigurasi config.xml, di mana elemen <gap> ditambahkan dengan menentukan versi PhoneGap dan identifikasi aplikasi 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>
        Aplikasi 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>

File konfigurasi ini mendefinisikan aplikasi dengan dukungan iOS dan Android, menentukan versi minimum iOS 13 dan menghubungkan plugin kamera. Saat diunggah ke PhoneGap Build, server secara otomatis mengenali pengaturan ini dan mengkompilasi proyek dengan dependensi yang diperlukan.

Contoh kode JavaScript dasar dengan penanganan event kesiapan perangkat dan pemanggilan dialog native:

document.addEventListener('deviceready', function() {
  console.log('PhoneGap siap digunakan');

  document.getElementById('btnAlert')
    .addEventListener('click', function() {
      navigator.notification.alert(
        'Halo dari PhoneGap!',
        function() { console.log('OK'); },
        'Pesan',
        'Tutup'
      );
    });
});

Event deviceready — titik masuk wajib di semua aplikasi PhoneGap dan Cordova. Tanpa event ini, pemanggilan API native tidak akan berfungsi karena jembatan belum diinisialisasi. Setelah siap, semua plugin tersedia, termasuk notification.alert untuk jendela dialog native.

Kelebihan dan kekurangan PhoneGap

PhoneGap memiliki sejumlah kelebihan yang membuatnya populer di pertengahan 2010-an, tetapi juga memiliki keterbatasan yang menyebabkan penurunan pangsa pasarnya setelah 2018.

Kelebihan

Keunggulan utama PhoneGap — ambang masuk rendah bagi pengembang web. HTML, CSS dan JavaScript adalah teknologi yang dikenal oleh setiap spesialis frontend, yang memungkinkan studio web dengan cepat memasuki pasar aplikasi mobile tanpa merekrut insinyur iOS dan Android.

Layanan cloud PhoneGap Build memecahkan masalah infrastruktur: tim di Windows dapat mengkompilasi aplikasi iOS tanpa membeli Mac. Ini sangat penting bagi startup dengan anggaran terbatas untuk peralatan.

Kekurangan

Kelemahan utama PhoneGap — kinerja. WebView lebih lambat dari framework UI native, terutama pada animasi kompleks, daftar besar dan pemrosesan grafis. Menurut pengujian HTML5Rocks (2016), rendering daftar 1000 elemen memakan waktu 200–400 ms di PhoneGap dibandingkan 16–30 ms di aplikasi native.

Keterbatasan tambahan termasuk ketergantungan pada versi WebView di perangkat pengguna, masalah debugging plugin native dan kurangnya akses ke API iOS dan Android baru hingga rilis plugin Cordova yang sesuai.

PhoneGap hari ini: dukungan dan migrasi

Pada tahun 2020, Adobe mengumumkan penghentian dukungan untuk PhoneGap dan PhoneGap Build. Perusahaan menyerahkan hasil pengembangan kepada komunitas dengan rekomendasi beralih ke Apache Cordova atau Capacitor. PhoneGap Build ditutup dan kompilasi cloud tidak lagi tersedia.

Untuk proyek PhoneGap yang ada, migrasi ke Capacitor direkomendasikan — ini adalah jalur paling langsung dengan perubahan kode minimal. Cukup mengganti skrip inisialisasi dan memperbarui konfigurasi. Semua kode JavaScript dan template HTML tetap tidak berubah karena Capacitor menggunakan prinsip jembatan yang sama.

Opsi alternatif — beralih langsung ke Apache Cordova. Ini memerlukan instalasi lokal platform melalui CLI dan konfigurasi kompilasi lokal, tetapi sepenuhnya mempertahankan kompatibilitas dengan plugin yang ada dan arsitektur aplikasi.

Meskipun ditutup, signifikansi historis PhoneGap sulit dilebih-lebihkan. PhoneGap-lah yang menunjukkan kepada pasar bahwa teknologi web dapat menjadi dasar untuk aplikasi mobile, membuka jalan bagi framework hibrida dan lintas platform modern. Konsep kompilasi cloud, pertama kali diimplementasikan di PhoneGap Build, kemudian diadopsi oleh Ionic Appflow, Visual Studio App Center dan layanan integrasi berkelanjutan lainnya untuk proyek mobile.

Keputusan arsitektural PhoneGap — jembatan melalui WebView, sistem plugin dan konfigurasi melalui config.xml — menjadi standar de facto untuk pengembangan hibrida. Bahkan dalam proyek Capacitor modern, warisan PhoneGap terlihat: prinsip kerja yang sama dengan plugin dan proses kompilasi yang serupa.

Bagi pengembang yang memelihara proyek PhoneGap lama, keterampilan utama adalah pemahaman tentang jembatan plugin dan kemampuan untuk mengadaptasi plugin ke versi modern Android dan iOS. Tanpa ini, memperbarui aplikasi sesuai persyaratan toko baru menjadi tidak mungkin karena izin sistem yang usang.