Setelah berhasil menginstal Node.js, kita akan bermain-main sedikit dengan console/command prompt. Mengapa? Karena kita akan menggunakan aplikasi/tool yang bernama Cordova CLI (command line interface) intinya sih kita ga akan banyak klik ini klik itu, kebanyakan nya ngetik.

[alert-note]Oh iya, dikarenakan pada tutorial sebelumnya kita telah mengedit-edit System Variables, maka agar ada efeknya, kamu harus me-restart komputer terlebih dahulu.[/alert-note]

Instalasi Cordova

Baiklah kita mulai dengan menginstall cordova. Caranya sangat mudah, cukup buka Command Prompt lalu ketikkan :

npm install -g cordova

tunggu hingga beres dan selamat, Cordova sudah terinstall di komputer kamu.

[alert-note]

Command tersebut untuk menginstall cordova versi terbaru, jika kamu ingin menginstall dengan versi yang sama dengan yang saya gunakan pada tutorial ini, bisa dengan menambahkan versi diakhir command, sehingga menjadi :

npm install -g cordova@7.0.0

[/alert-note]

 

Membuat Proyek Baru

Setelah cordova berhasil terinstall, kita coba buat proyek baru. Proyek ini nantinya bisa kita masukkan hasil export cordova dari construct 2. Sebelumnya, kita pindahkan direktori kerja kita, pada tutorial kali ini saya membuat folder baru bernama Cordova di drive D, sehingga direktori kerja saya saat ini menjadi D:\Cordova

Kemudian ketikkan :

cordova create GamePertamaKu com.agittm.firstgame GamePertama 

lalu tekan Enter. Sebagai catatan :

  • GamePertamaKu : Merupakan nama folder, setelah sintaks dieksekusi maka sistem akan membuat folder bernama GamePertamaKu yang didalamnya sudah berisi template cordova.
  • com.agittm.firstgame : Merupakan package name, sesuaikan dengan settingan pada Construct
  • GamePertama : Merupakan nama aplikasinya

[alert-note]Untuk pembuatan proyek pertama kali mungkin akan sedikit memakan waktu karena sistem akan terlebih dahulu mendownload package-package yang dibutuhkan. Namun sesuai yang saya katakan diawal, instalasi dan konfigurasi hanya berlangsung sekali.[/alert-note]

setelah itu ganti direktori kerja kita ke nama folder yang baru saja kita buat.

Langkah selanjutnya kita akan menambahkan platform android. Cukup ketikkan :

cordova platform add android 

[alert-note]Untuk menghindari versi platform yang menumpuk (dan mendownload ulang jika berbeda versi), saya lebih menyarankan untuk menambahkan versi diakhir perintah sama seperti saat menginstall cordova. Saya lebih menyarankan versi 6.0.0[/alert-note]

[alert-note]Sama seperti pembuatan proyek, menambah platform baru untuk pertama kali memakan sedikit waktu, harus sabar ya.[/alert-note]

[alert-announce]FYI, kamu bisa menambahkan platform lain seperti iOS, namun pada tutorial kali ini kita hanya akan membahas platform android saja.[/alert-announce]

Yeay, platform berhasil ditambahkan. Langkah selanjutnya adalah meng-copy hasil export construct 2 ke folder www. Pastikan folder www nya dikosongkan terlebih dahulu ya, agar tidak terdapat file yang tidak digunakan.

Nah disana terdapat file config.xml, kalian harus mengedit file tersebut.

“Eh tunggu, kan pas export ke cordova udah ada file config.xml, kok ga di replace aja?”

Sayangnya, ada beberapa tag yang berbeda antara config.xml hasil export dari Construct dan config.xml hasil dari cordova create, dan saya lebih menyarankan untuk mengikuti format yang diberikan oleh cordova.

Jadi kalian terlebih dulu mengedit file config.xml dan sesuaikan isi-isinya seperti name,description,author dll.

Build!

Sip, sekarang kita bisa langsung mem-buildnya. Cukup ketikkan :

cordova build android

dan tunggu hingga proses build selesai.

Jika sudah selesai, kamu bisa mengecek folder platform\android\  disana merupakan file-file proyek android, kamu bisa menggunakan IDE seperti Android Studio untuk membuka proyek tersebut (advanced).

[alert-note]Kamu bisa mendapatkan output apk yang sudah di build tersebut di folder platform\android\build\outputs\apk\[/alert-note]

Hasil apk yang dihasilkan dari perintah diatas adalah apk yang masih ber-status debug, artinya kita tidak bisa mengupload nya ke playstore karena playstore hanya menerima apk yang berstatus release.

Lalu bagaimana agar membuild apk dengan status release? caranya yaitu dengan menambahkan –release diakhir perintah build sehingga menjadi :

cordova build android --release

APK yang dihasilkan dari perintah diatas masih berstatus unsigned artinya apk nya belum di tanda tangan oleh file keystore. Kita akan menjelaskan cara menandatangani file apk pada tutorial selanjutnya.

[alert-note]P.S. File APK yang dihasilkan dari tutorial ini sebenarnya masih bisa diperkecil/dioptimasi, kalian bisa membaca artikel mengenai optimasi file APK yang di build secara offline pada link berikut.[/alert-note]

 

Join the Conversation

26 Comments

  1. bingung, maksudnya gimana ya? template cordova maksudnya apa? file capxnya di pindahkan dulu ke cordova habis itu baru build kah?

    atau sebelumnya file capx di export baru dibuild?

    mohon jawabannya kak. terimakasih

  2. kok waktu di ketik di command prompt perintahnya cordova build android –release
    kok malah mncul tulisan gini ya gan??
    error : couldnt not find an installed version of gradle either in android studio
    or on your system to install the gradle wrapper. please include gradle in your path
    or install android studio

  3. salam mas, saya sudah mencoba untuk mengedit file config.xml dan sesuaikan isi-isinya seperti name,description,author dll.

    tapi belum bisa build keterangan
    Error: Cannot read property ‘1’ of null

    trims

  4. Dear Mas Agit,,
    kenapa ya ketika saya platform add android, hanya muncul “using cordova-fetcing bla.. bla..” , tp proses add platformnya terhenti dan kembali ke command prompt??
    mohon bantuanny mas agit.. Terimakasih..

    1. Coba cek apakah folder /platform/android/ sudah ada, jika sudah berarti tidak ada masalah, tapi jika belum berarti ada masalah pas proses downloadnya. Pastikan koneksinya stabil

  5. Kenapa pas Cordova Build Android muncul :
    ANDROID_HOME=/home/saya/Android/Sdk
    JAVA_HOME=/home/saya/java/jdk-9.0.1

    ERROR: JAVA_HOME is set to an invalid directory: /usr/lib/jvm/default-java

    Please set the JAVA_HOME variable in your environment to match the
    location of your Java installation.

    Error: /usr/share/gradle/bin/gradle: Command failed with exit code 1

    Mohon bantuan nya

  6. FAILURE: Build failed with an exception.

    * Try:
    Run with –stacktrace option to get the stack trace. Run with –info or –debug
    option to get more log output.
    Error: cmd: Command failed with exit code 1 Error output:
    FAILURE: Build failed with an exception.

    * What went wrong:
    Unable to start the daemon process.
    This problem might be caused by incorrect configuration of the daemon.
    For example, an unrecognized jvm option is used.
    Please refer to the user guide chapter on the daemon at https://docs.gradle.org/
    3.3/userguide/gradle_daemon.html
    Please read the following process output to find out more:
    ———————–
    Error occurred during initialization of VM
    Could not reserve enough space for 2097152KB object heap

    gimana ini bang?

    1. Tambah system variable seperti yang pernah dibahas sebelumnya, dengan nilai sbb:
      Name : _JAVA_OPTIONS
      Value : -Xmx512M

      Sudah saya tambahkan ke FAQ

  7. saat build APK java SDK nya bermasalah

    D:\cordova\PemrogramanWeb>cordova build android
    Android Studio project detected
    ANDROID_HOME=C:\Users\asus\AppData\Local\Android\sdk
    JAVA_HOME=C:\Program Files\Java\jdk1.8.0_152
    (node:7308) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): CordovaError: Requirements check failed for JDK 1.8 or greater
    (node:7308) [DEP0018] DeprecationWarning: Unhandled promise rejections are depre cated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

    apanya yang salah ya?

    1. kalo ngeliat baris ini
      CordovaError: Requirements check failed for JDK 1.8 or greater
      kemungkinan di komputer kamu terdapat lebih dari 1 versi JDK, kalo iya uninstall salah satu aja (versi paling rendah)
      kemungkinan ke-2 path JDK_HOME nya ada 2, hapus salah satu yang sekira path nya tidak sesuai

      Semoga membantu!

  8. trims buat artikel nya membantu sekali.
    mohon info dari admin
    pnya saya waktu build erro seperti ini

    Total time: 3 mins 59.813 secs
    Error: cmd: Command failed with exit code 1 Error output:
    FAILURE: Build failed with an exception.

    * What went wrong:
    A problem occurred configuring root project ‘android’.
    > You have not accepted the license agreements of the following SDK components:
    [Android SDK Platform 26].
    Before building your project, you need to accept the license agreements and comp
    lete the installation of the missing components using the Android Studio SDK Man
    ager.
    Alternatively, to learn how to transfer the license agreements from one workstat
    ion to another, go to http://d.android.com/r/studio-ui/export-licenses.html

    * Try:
    Run with –stacktrace option to get the stack trace. Run with –info or –debug
    option to get more log output.
    Picked up _JAVA_OPTIONS: -Xmx512M

    mohon pencerahan pada bagian mana yg salah min. tks

    1. Silahkan buka SDK Manager nya, lalu install component yang dibutuhkan (Android SDK Platform 26), nanti sebelum klik install akan ada license agreement, tinggal klik accept lalu install

  9.  pada command line untuk memunculkan jendela Android SDK Manager . Akan muncul daftar ceklis apa saja yang harus diinstal dan diupdate dari Android SDK. Saat pertama kali menjalankan Android SDK Manager ini, akan ada beberapa bagian yang secara default terceklis. Biarkan seperti itu lalu klik tombol

  10. permisi mas mau nanya, kalau error gini gimana ya?

    FAILURE: Build failed with an exception.

    * What went wrong:
    A problem occurred configuring root project ‘android’.
    > Could not resolve all files for configuration ‘:classpath’.
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    Required by:
    project :
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    > Could not get resource ‘https://maven.google.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > Could not GET ‘https://maven.google.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > maven.google.com
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    > Could not get resource ‘https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > Could not GET ‘https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > jcenter.bintray.com

    * Try:
    Run with –stacktrace option to get the stack trace. Run with –info or –debug option to get more log output.

    * Get more help at https://help.gradle.org

    BUILD FAILED in 3s
    cmd: Command failed with exit code 1 Error output:
    FAILURE: Build failed with an exception.

    * What went wrong:
    A problem occurred configuring root project ‘android’.
    > Could not resolve all files for configuration ‘:classpath’.
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    Required by:
    project :
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    > Could not get resource ‘https://maven.google.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > Could not GET ‘https://maven.google.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > maven.google.com
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    > Could not get resource ‘https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > Could not GET ‘https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > jcenter.bintray.com

    * Try:
    Run with –stacktrace option to get the stack trace. Run with –info or –debug option to get more log output.

    * Get more help at https://help.gradle.org

    BUILD FAILED in 3s

  11. permisi mas mau tanya, kalau error gini gimana ya?

    FAILURE: Build failed with an exception.

    * What went wrong:
    A problem occurred configuring root project ‘android’.
    > Could not resolve all files for configuration ‘:classpath’.
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    Required by:
    project :
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    > Could not get resource ‘https://maven.google.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > Could not GET ‘https://maven.google.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > maven.google.com
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    > Could not get resource ‘https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > Could not GET ‘https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > jcenter.bintray.com

    * Try:
    Run with –stacktrace option to get the stack trace. Run with –info or –debug option to get more log output.

    * Get more help at https://help.gradle.org

    BUILD FAILED in 3s
    cmd: Command failed with exit code 1 Error output:
    FAILURE: Build failed with an exception.

    * What went wrong:
    A problem occurred configuring root project ‘android’.
    > Could not resolve all files for configuration ‘:classpath’.
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    Required by:
    project :
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    > Could not get resource ‘https://maven.google.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > Could not GET ‘https://maven.google.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > maven.google.com
    > Could not resolve com.android.tools.build:gradle:3.0.1.
    > Could not get resource ‘https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > Could not GET ‘https://jcenter.bintray.com/com/android/tools/build/gradle/3.0.1/gradle-3.0.1.pom’.
    > jcenter.bintray.com

    * Try:
    Run with –stacktrace option to get the stack trace. Run with –info or –debug option to get more log output.

    * Get more help at https://help.gradle.org

    BUILD FAILED in 3s

  12. Saya kena error unable to start daemon process terus kenapa ya mas? Padahal di system variable sudah saya tambahkan variabel _JAVA_OPTIONS. Kira-kira kenapa ya mas?

  13. Mas..boleh minta nomor WA ? sya mau bnyak bertanya..ttg konfigurasi cordova..
    Bayar juga gapa2 mas..sya butuh bgt..
    Terima kasih…
    Kardi 08135610xxxx

Leave a comment

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *