Cara Install PhoneGap Developer App di Linux via Terminal

 Seminggu terakhir, saya mendapat amanah dari seorang kawan, Yusro, untuk membangun sistem aplikasi kuisioner. Harapannya, aplikasi tersebut dapat berjalan di perangkat mobile. Karena saya membutuh waktu belajar juga perangkat yang mumpuni untuk pengembangan secara Native-yang tidak saya miliki-saya pun mengambil jalan pintas dengan menggunakan HTLM5.


Memang, banyak sekali keterbatasan yang akan ditemui dalam aplikasi mobile HTML5, tapi waktu pengembangan yang singkat untuk semua platform dengan bahasa yang akrab sehari-hari tentu sangat memanjakan para developer, terutama web developer.

Memang singkat, namun pengembangan aplikasi mobile HTML5 bukanlah tanpa kendala. Salah satunya adalah tampilan pada aplikasi kuisioner di layar browser dan aplikasi Android, tidak selalu sama. Selama mengembangkan aplikasi, saya pun cukup kesulitan untuk mengujicoba aplikasi untuk dijalankan dalam perangkat mobile.

Untungnya, PhoneGap, salah satu wrapper HTML5, merilis aplikasi developer yang dapat menjadi emulator bagi aplikasi yang sedang dikembangkan. Bermodalkan smartphone yang menjadi target rilis aplikasi, kita bisa mencoba aplikasi yang kita buat untuk diujicoba secara langsung.

Penasaran, saya pun mencoba instalasi PhoneGap Developer App di Linux Ubuntu 14.04 dengan smartphone Xperia M. Instruksi yang saya ikuti ada dalam laman PhoneGap Developer App. Namun, saya lengkapi juga dengan instruksi install NodeJS.

Download Node JS

$ wget http://nodejs.org/dist/v0.12.4/node-v0.12.4.tar.gz

Jika link tidak bekerja, kamu bisa langsung download di laman NodeJS

Extract dan install

$ tar -xzf node-v0.12.4.tar.gz
$ cd node-v0.4.4.tar.gz
$ ./configure
$ sudo make install

Jika kamu menggunakan proxy, setting dulu proxy npm

$ npm config set proxy http://proxy.company.com:8080
$ npm config set https-proxy http://proxy.company.com:8080

Install Phonegap

$ sudo npm install -g phonegap

Hello World

$ phonegap create folderkamu
$ cd folderkamu
$ phonegap serve

Jika sudah muncul seperti ini, phonegap siap digunakan

[phonegap] starting app server...
[phonegap] listening on 10.122.1.102:3000
[phonegap]
[phonegap] ctrl-c to stop the server

Download Mobile App

Aplikasi ini yang nantinya akan berperan sebagai aplikasi ujicoba. Berhubung saya menggunakan android, saya install aplikasi dari sini. iOS dan Windows Phone juga ada, di sini.

Ujicoba

Dalam mobile App akan diminta ip dari app server PhoneGap. Contoh, saya memiliki IP berikut,
[phonegap] listening on 10.122.1.102:3000

Maka saya ketikkan
10.122.1.102:3000

Instalasi Selesai!

Aplikasi Hello World sudah berhasil berjalan dalam aplikasi PhoneGap Developer App.

Mulai kembangkan!

Instalasi boleh selesai, tapi jalan development masih panjang.
Kamu bisa mulai berkreasi dengan aplikasi HTML5-mu dengan mengedit isi dari folder "folderkamu/www"

Build via Cloud

Jika aplikasi yang kamu kembangkan sudah rampung, kamu bisa bikin file installernya di layanan cloud build PhoneGap gratis terbatas dari Adobe.