Serba-serbi Cordova CLI

 Pengenalan

Sekilas tentang cordova cli, salah satu kelebihan framework ini sangat cocok untuk developer yang sering membuat aplikasi berulang kali tanpa harus khawatir koneksi buruk atau tidak ada kuota. Pasalnya, framework ini hanya membutuhkan koneksi ketika membuat project baru dan menambahkan platform serta pluginnya.
Penjelasan lengkap tentang cordova cli, silahkan kunjungi link berikut ini.

Masih bingung mau pakai cordova cli atau tidak? coba simak penjelasan berikut.

Direkomendasikan menggunakan framework ini jika kondisi kalian :

  • Ingin membuat aplikasi antar platform tanpa harus membuat ulang aplikasi tersebut.
  • Cukup menambahkan platform baru (android / iOS) pada cmd, aplikasi bisa dikemas kedalam format APK maupun IPA dalam 1 project tanpa harus membuat ulang program tersebut. 
  • Familiar dengan Command Line Interface (biasanya user linux)
  • Kuota atau koneksi yang terbatas
  • Ingin menggabungkan aplikasi asli dengan WebView.
  • Aplikasi butuh login akun dengan metode facebook, google atau twitter maka sangat cocok untuk menggunakan framework ini.
  • Malas mengatur ulang config pada project.

Tanpa mengatur ulang dan merubah config cukup copy-paste project folder yang sudah dikonfigurasi terlebih dahulu, project folder yang telah copy-paste bisa digunakan untuk project lain.

Kalau ingin mencoba framework ini, bisa kalian ikuti tutorialnya dalam versi bahasa indonesia pada link berikut ini

Kolaborasi Cordova cli dengan Android Studio untuk keperluan lain bisa ikuti tutorial berikut ini 

Tips dan Trik

sect 1

Pada waktu pertama kali menambahkan platform baru pada project diharuskan menggunakan koneksi yang stabil agar proses download platform tidak berhenti dan error. ini juga perlu dilakukan ketika menambahkan plugin baru. Penamaan aplikasi tidak boleh menggunakan spasi, misal “Nama Aplikasi” akan menyebabkan error.

sect 2

Ketika pertama kali membuat project dan melakukan Build akan terlihat size APK yang besar dikarenakan terdapat file gambar yang tidak dibutuhkan.
– Buka direktori “<cordova project>platformsandroidres” atau  “<cordova project>platformsandroidappsrcmainres” dan cari “.png” pada kotak pencarian lalu hapus semua file gambar dengan nama “splash” atau ukuran file yang besar.

sect 3

Cara mengganti ikon cukup mudah, kunjungi link appiconmaker lalu convert ikon dengan ukuran maksimal 512px agar tidak pecah untuk ukuran 16px. Download ikon untuk android dan ekstrak ikon pada folder “mipmap” pada direktori “<cordova project>platformsandroidres” atau  “<cordova project>platformsandroidappsrcmainres”

sect 4

Pengaturan config.xml juga perlu agar aplikasi bisa berjalan dengan baik.
Letakkan kode berikut setelah atau di dalam kode “</platform>” pada platform name android
    <preference name=”Orientation” value=”portrait” />
    <preference name=”Fullscreen” value=”true” />
    <preference name=”DisallowOverscroll” value=”true” />
    <preference name=”AllowInlineMediaPlayback” value=”true” />

Orientation untuk menentukan orientasi layar diisi dengan “portrait” atau “landscape”
Fullscreen agar aplikasi menjadi full dengan layar smartphone (berfungsi jika dalam aplikasi terdapat plugin / kode fullscreen)
DisallowOverscroll untuk mencegar scroll berlebihan yang menyebabkan aplikasi mengalami bug terlihat bagian sisi luar menjorok kedalam layar.
AllowInlineMediaPlayback agar media yang terdapat dalam aplikasi bisa berjalan dengan lancar.



sect 5

Pada bagian <name> </name> ini untuk memberi nama pada aplikasi, 
Pada bagian <widget> terdapat id=”” ini untuk menentukan package dari aplikasi dan version=”1.0.0″ ini untuk menentukan versi dari aplikasi.
Langkah diatas cukup diubah pada file config.xml


sect 6 

Membuat project baru dengan konfigurasi yang sama?  DILARANG KERAS
Kok dilarang? kenapa?
– daripada membuat ulang, lebih baik copy-paste project yang sudah terkonfigurasi dan tidak ada error.

Nanti nama dan package-nya sama dong?
– bisa diganti dan konfigurasi ulang cukup pada bagian config.xml dan ikuti langkah pada sect 5.


Postingan akan diperbarui jika memungkinkan.
Mountain View

Get real time updates directly on you device, subscribe now.

Leave A Reply

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. AcceptRead More