Langsung ke konten utama

Membuat Project Cordova dan Build ke Android Terbaru

Seperti yang gua janjikan, di tutorial kali ini gua akan membahas bagaimana cara membuat proyek Cordova dan melakukan build ke platform Android terbaru yang didukung oleh Cordova sekarang yaitu Android 11 (API level 32). Pada tutorial ini, output yang kita dapatkan berupa file .apk, untuk melakukan build ke app bundle supaya bisa kalian masukan ke Google Playstore akan gua bahas pada tutorial selanjutnya karena pada blog ini kita akan mempelajarinya secara step by step (alibi sih, sebenarnya gua malas ngetik panjang).

Sebelum itu, pastikan kalian sudah melakukan instalasi Cordova, Java SE JDK 11, dan sudah mempunyai resource Android SDK untuk platform Android API level 32 serta build tools 32.0.0. Jika belum, kalian bisa melihat tutorial sebelumnya. Jika sudah, mari kita lanjut ke tutorial selanjutnya.

Membuat Proyek Cordova

Supaya lebih terorganisir kalian bisa membuat folder baru untuk proyek cordova dan copy direktori tersebut. Buka terminal atau command line kalian, kalau di Windows kalian bisa buka command prompt (cmd), lalu masukan perintah berikut (mungkin berbeda-beda tergantung sitem operasi kalian, silahkan cek bagaimana cara menavigasi direktori di terminal sesuai sistem operasi masing-masing, ini untuk Windows).

cd direktorikalian
Misalnya:
cd C:\Users\Axioo\Documents\Cordova

Jika kalian sudah masuk ke direktori tersebut, sekarang saatnya membuat proyek cordova. Masukan perintah ini.

cordova create namaproyekkalian com.perusahaankalian.aplikasikalian "Aplikasi Kalian"
Misalnya:
Cordova create contoh com.zanjidev.contoh "Contoh Cordova"

Tunggu proses sampai selesai, jika sudah selesai, akan ada folder baru dengan nama sesuai dengan yang kalian masukan di perintah sebelumnya, misalkan folder contoh yang gua buat. Masuk ke direktori proyek kalian kurang lebih seperti langkah sebelumnya dengan memasukan perintah berikut (sekali lagi, berbeda-beda tergantung OS).

cd direktoriproyekkalian
Misalnya:
cd C:\Users\Axioo\Documents\Cordova\contoh

Menambahkan Platform Android

Sebenarnya Cordova bisa build multiplatform jadi bukan cuma android saja. Untuk melakukan build ke Android, sebelumnya kalian harus menambahkan platform android terlebih dahulu. Ada dua versi platform cordova untuk android, yang pertama jika kalian ingin membuat gim atau aplikasi dengan API level 30 ke bawah yang mana ini membutuhkan resource API level 30, Java SE JDK minimal versi 8, dan build tools versi 30.0.0, yang kedua adalah untuk API level 31 dan selanjutnya. Untuk tutorial kali tentu saja kita akan menambahkan platform android yang ke-2 dengan cara membuat perintah sebagai berikut.

cordova platform add android@11.0.0

Proses ini memerlukan internet, jadi pastikan internet kalian sudah terhubung. Sampai disini kalian sudah berhasil membuat proyek android di cordova, tetapi untuk melakukan build beda lagi. Sebelumnya kita cek dulu apakah semua persyaratan yang dibutuhkan untuk melakukan build sudah terpenuhi dengan memasukan perintah berikut.

cordova requirements

Jika kalian mendapati tulisan seperti ini berarti sudah aman.

Cek requirement
Requirements aman

Jika masih ada tulisan kuning bertarti masih ada yang kurang entah itu JDK, Gradle, atau SDK, silahkan tanyakan di komentar jika masih bingung apa yang kurang dengan memasukan isi tulisan kuning tersebut.

Build ke Android

Hapus file yang ada di folder www proyek kalian, masukan file gim atau aplikasi kalian ke folder www, atau jika ingin coba-coba gunakan yang sudah ada, tidak perlu hapus atau ubah-ubah lagi. Untuk melakukan build ke .apk, kita akan memanfaatkan perintah run di Cordova dengan memasukan perintah berikut.

cordova run android

Jika laptop/PC kalian sudah ter-install Android Studio dan sudah terpasang emulator atau kalian menghubungkan PC/Laptop kalian ke smartphone yang sudah dalam debug mode, perintah ini akan otomatis membuka emulator Android Studio atau halaman install aplikasi smartphone kalian. File .apk sendiri bisa kalian cari di .\platforms\android\app\build\outputs\apk\debug.

Akhir Kata

Mungkin sampai disini dulu tutorial kita kali ini, seiring dengan perkembangan android yang rutin banget update platform, tutorial ini mungkin bisa jadi tidak relevan dan gua kalau ingat akan langsung merevisi artikel ini. Jika ada update lebih lanjut dan tutorial di sini belum sempat gua update, jangan ragu untuk memberitahu di komentar. Tutorial selanjutnya gua mungkin akan membahas bagaimana mengatur proyek android kalian.

Komentar

Postingan populer dari blog ini

Memoar of Resetter

  Memoar of Resetter Sudah sebulan lebih gua mulai menggunakan RPG Maker 2003 seperti yang gua jelaskan dalam post sebelumnya . Dalam rentang waktu artikel tersebut dibuat sampai sekarang gua menulis artikel ini, gua sudah menyelesaikan gim baru yang gua beri judul Memmoar of Resetter . Sebenarnya sih proses menyelesaikan gim ini memerlukan waktu dua bulan lebih dikarenakan gua mulai menggambar asset -nya berbarengan dengan proyek Petualangan Khairil: Pixcell . Namun, gua benar-benar fokus menggarap proyek ini saat awal bulan November lalu. Memoar of Resetter Tidak ada kata yang tepat untuk menggambarkan gim ini kecuali RPG Turnbase Classic . Yaiyalah! Soalnya gua benar-benar cuman menggunakan fitur default dari RPG Maker ga ada modifikasi lain seperti gim gua sebelumya. Waktu bermain gim ini agak susah diukur karena fitur log RPG Maker 2003 belum bisa mencatat playtime, tetapi kira-kira kalian bisa menyelesaikan gim ini 10 jam+. Sinopsis-nya sederhana saja, Zack hanyalah murid S...

Cara Melakukan Instalasi Node Js di Windows 7

Karena dah lama gak update Node Js, gua pribadi kurang tahu kalau Node Js sudah tidak support Windows 7 lagi, sekarang sudah minimal Windows 8.1 untuk menjalankan Node Js versi terbaru. Hal ini tentu akan jadi masalah jika kalian ingin menggunakan fitur-fitur yang ada di Node Js, misalkan saat kalian ingin menggunakan Cordova. Untuk melakukan pemrograman di Node Js, tentu saja kalian harus melakukan update ke versi terbaru dengan install Node Js versi terbaru di laman resminya. Dengan begitu, kalian harus melakukan upgrade pada perangkat kalian dengan melakukan upgrade OS atau mengganti perangkat yang kalian gunakan dengan perangkat yang sudah mendapat dukungan penuh dari Node Js. Namun, jika kalian hanya ingin meng- install Cordova, kalian tidak perlu repot-repot untuk menggunakan Node Js versi baru. Kalian bisa menggunakan Node Js versi lama yang masih mendukung Windows 7. Cara Melakukan Instalasi Node Js versi Lama di Windows 7 Sebelum melangkah ke tahap selanjutnya, kalian ...