Waskita Adijarto: Mencoba Instalasi Phonegap

Minggu, 08 Maret 2015

Mencoba Instalasi Phonegap

Berikut ini hasil percobaan instalasi Phonegap, suatu platform untuk mengembangkan aplikasi di Android berbasis HTML, CSS dan Javascript.

Prosedur Install Phonegap pertama-tama mengikuti informasi di http://phonegap.com/install/

Hasilnya kurang menggembirakan:

C:\Users\admin>phonegap create my-app
Creating a new cordova project with name "Hello World" and id "com.phonegap.helloworld" at location "C:\Users\admin\my-app"

Using custom www assets from https://github.com/phonegap/phonegap-app-hello-world/archive/master.tar.gz

C:\Users\admin>cd my-app

C:\Users\admin\my-app>phonegap run android
[phonegap] executing 'cordova platform add android'...
Creating android project...

C:\Users\admin\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\node_modules\q\q.js:126
                    throw e;
                          ^
Error: ANDROID_HOME is not set and "android" command not in your PATH. You must fulfill at least one of these conditions
.
    at C:\Users\admin\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\lib\check_reqs.js:159:19
    at _fulfilled (C:\Users\admin\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\node_modules\q\q.js:798:54)
    at self.promiseDispatch.done (C:\Users\admin\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\node_modules\q\q.js:827:30)
    at Promise.promise.promiseDispatch (C:\Users\admin\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\node_modules\q\q.js:760:13)
    at C:\Users\admin\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\node_modules\q\q.js:821:14
    at flush (C:\Users\admin\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\node_modules\q\q.js:108:17)
    at process._tickCallback (node.js:355:11)
    at Function.Module.runMain (module.js:503:11)
    at startup (node.js:129:16)
    at node.js:814:3

Error: C:\Users\admin\.cordova\lib\npm_cache\cordova-android\3.6.4\package\bin\create.bat: Command failed with exit code 1
    at ChildProcess.whenDone (C:\Users\admin\AppData\Roaming\npm\node_modules\phonegap\node_modules\cordova\node_modules\cordova-lib\src\cordova\superspawn.js:135:23)
    at ChildProcess.emit (events.js:110:17)
    at maybeClose (child_process.js:1008:16)
    at Process.ChildProcess._handle.onexit (child_process.js:1080:5)

[phonegap] executing 'cordova run android'...
No platforms added to this project. Please use `cordova platform add <platform>`.

Screenshot:

Artinya ada kegagalan karena ANDROID_HOME belum menunjuk ke lokasi Android SDK.

Tahap selanjutnya adalah mencari lokasi Android SDK dari Android SDK Manager. Android SDK manager ini diinstall bersamaan ketika kita menginstall Android Studio. Jadi secara implisit kita mesti install Android Studio dulu sebelum menginstall Phonegap.

Path untuk ANDROID_HOME

Menurut Android SDK Manager, SDK Path adalah C:\Users\admin\AppData\Local\Android\sdk, jadi mestinya ini adalah path untuk ANDROID_HOME:

C:\Users\admin\my-app>set ANDROID_HOME=C:\Users\admin\AppData\Local\Android\sdk

Sempat muncul pesan kesalahan minta android-19

Pesan kesalahan karena tidak ada Android API 19

Solusinya adalah install Android API 19 dari Android SDK Manager

Install Android API 19

Kemudian ulangi lagi perintah dari Phonegap

C:\Users\admin\my-app>phonegap run android
[phonegap] executing 'cordova run android'...
[phonegap] completed 'cordova run android'

Screenshot:

Akhirnya tidak ada pesan kesalahan. Tahap berikutnya adalah mencoba mengembangkan aplikasi di Phonegap.

Catatan
Prosedur instalasi Phonegap nampaknya tidak sistematis. Setelah mencari-cari , akhirnya menemukan petunjuk instalasi yang lebih sistematis di http://cleancodedevelopment-qualityseal.blogspot.nl/2012/11/how-to-install-phonegap-for-android.html. Jika instalasi dari nol, nampaknya perlu install dulu Java JDK, Ant, dan sebagainya.

Ref: