Hay,… Selamat datang kembali di maliki.id
Setelah sebelumnya kita berhasil melakukan instalasi cordova sesuai langkah-langkah yang ada di artikel INSTALLING CORDOVA ON WINDOWS
Sekarang kita akan membuild game Construct 2 ke dalam bentuk file *.apk yang nantinya bisa diinstalkan ke handphone Android.
Sebelum kita bahas lebih jauh, perlu kita pahami bagaimana sebuah aplikasi web bisa dikonversikan atau di build menjadi file *.apk
HTML, CSS, dan Javascript memang bahasa yang khusus untuk membuat web.
Tapi berkat Cordova, bahasa itu bisa kita pakai untuk membuat aplikasi mobile.
Lalu bagaimana sih Cordova bisa membuatnya menjadi aplikasi mobile?
Berikut ini arsitekturnya…
Kode aplikasi kita akan berada di Web App, lalu si Cordova akan menampilkannya melalui WebView.
Cordova juga menyediakan Native API seperti Camera, Geolocation, Device, dll. yang bisa kita gunakan dalam aplikasi.
Kalau sudah paham, mari kita lanjutkan…
Pertama-tama kita buat proyek baru, silahkan ketik perintah berikut:
command:
cordova create AplikasiCordova
Ganti ” AplikasiCordova
” dengan nama aplikasi anda
Perintah ini akan membuat folder baru bernama AplikasiCordova yang berisi source code dari aplikasi.
saya akan membuat proyek baru cordova di drive D.
Anda bisa menyesuaikan lokasi proyeknya.
Buka command prompt windows atau cmd melalui menu windows anda.
Kemudian ketikkan perintah seperti berikut:
Maka hasilnya seperti ini:
Penjelasan tentang file dan folder aplikasiCordova:
hooks
adalah folder yang berisi script untuk dieksekusi saat kita menjalankan perintah cordova.node_modules
berisi library atau modul Nodejs.platform
berisi source code untuk platform seperti android, ios, dan web;plugins
berisi plugin yang dibutuhkan untuk akses API;www
berisi source code dari aplikasi, di sini lah kita akan menulis kode.config.xml
berisi konfigurasi dari aplikasipackage-lock.json
berisi informasi versi modul nodejs yang dibutuhkanpackage.json
berisi informasi proyek dan versi modul nodejs yang dibutuhkan
Untuk ujicoba saya akan menggunakan Project Examples dari Construct 2 yaitu Space Blaster
Pilih Space Blaster pada Project Examples maka akan terbuka halaman proyek dari Construct 2 seperti berikut:
Pada tab Home ada klik menu Export Project dan pilih Cordova kemudian klik tombol Next
Kemudian pilih lokasi penyimpanan yang diinginkan.
Disini saya meletakkannya di dekstop dan tunggu proses eksport selesai.
Salin folder www dan semua file config ke folder aplikasiCordova
Masuk ke folder aplikasiCordova dengan cara menuliskan perintah berikut di cmd:
command:
cd aplikasiCordova
Kemudian tambahkan dulu library yang diperlukan untuk dapat membuild ke platform android.
Jalankan perintah berikut untuk menambahkan platform:
command:
cordova platform add android
Kemudian jalankan perintah berikut untuk membuild:
command:
cordova build android
Setelah proses build selesai, Kamu dapat mengakses file *.apk pada folder proyek aplikasiCordovaplatformsandroidappbuildoutputsapkdebug dengan nama file app-debug.apk.
Kamu bisa mencoba menyalin file tersebut ke dalam handphone / smartphone Android dan menginstalnya.
Pastikan mode developer sudah diaktifkan di handphone Androidnya.
Demikianlah cara Export Game Construct 2 ke Android dengan Cordova.
Source:
- https://www.petanikode.com/cordova/
- https://www.codepolitan.com/membuat-aplikasi-android-berbasis-html5-cordova
- https://cordova.apache.org/docs/en/4.0.0/guide/platforms/android/index.html#Android%20Platform%20Guide