Export Construct 2 to APK

 

Hallo sobat progammers atau mungkin lebih detail lagi dengan sobat game enginer. Admin paham kalau kalian berkunjung kesini pasti karena suatu alasan yang simple tapi menyulitkan yaitu; memiliki project construct 2 tetapi ingin di convert ke aplikasi apk dengan sempurna. Admin tau kok banyak aplikasi-aplikasi yang menyediakan convert cepat dari project ke apk tetapi banyak kekurangannya. Walaupun aplikasi construct 2 sudah tertinggal zaman karena construct 3 lebih canggih tetapi jiwa-jiwa gratisan kalian memang sangat di luar batas hihi, sudah ada construct 3 yang lebih mudah untuk convert tetapi tetap kalian memiliki construct 2 hanya karena gratis. Kalau begitu admin akan memberitahu bagaimana cara convert project construct 2 ke apk menggunakan cordova, kenapa cordova, karena cordova masih framework yang terbaik untuk menconvert html ke apk. Sebelum lanjut ke tutorial admin mau ngasih informasi dulu tentang construct 2 dan cordova ya guys.

APA ITU APLIKASI CONSTRUCT 2 ?

Construct 2 adalah perangkat lunak pengembangan game yang populer dan kuat. Gunakan Construct 2 untuk membangun game Anda dengan drag-and-drop, sehingga memudahkan Anda dalam mengatur elemen-elemen game. Selain itu, Anda juga dapat menggunakan kode berbasis event jika diperlukan. Untuk eksport ke Android, kami akan menggunakan Construct 2's "Cordova Exporter.".

CONSTRUCT 2 MENGGUNAKAN BAHASA PEMROGAMAN APA?

Bahasa pemrogaman yang digunakan dalam aplikasi construct 2 yaitu html, dengan output yang bisa di gunakan dalam browser membuat beberapa sekolah menggunakan aplikasi constrcut 2 untuk melakukan praktek latihan membuat game yang ringan, construct 2 cocok sekali untuk digunakan pembelajaran logika-logika pembuatan game.

APAKAH CONSTRUCT 2 GRATIS?

Dikutip dari pengalaman mimin menggunaan construct 2 hingga versi 3, public bisa menggunakannya secara gratis tapi dengan fitur tertentu, untuk menggunakan fitur yang full access  user harus membeli versi berlangganannya baik dalam versi construct 2 dan construct 3.

MENGENAL APACHE CORDOVA

Apache Cordova adalah framework open source yang memungkinkan pengembang web menggunakan konten HTML, CSS dan JavaScript mereka untuk membuat aplikasi native untuk berbagai platform seluler. Ia memiliki cara kerja yang unik. Cordova mengambil aplikasi web Anda dan merendernya dalam native WebView. WebView adalah komponen aplikasi (seperti tombol atau tab bar) yang digunakan untuk menampilkan konten web dalam aplikasi asli. Anda dapat menganggap WebView sebagai browser web tanpa elemen antarmuka pengguna standar apa pun, seperti bidang URL atau bilah status. Aplikasi web yang berjalan di dalam wadah ini sama seperti aplikasi web lain yang akan berjalan di dalam browser seluler aplikasi ini dapat membuka halaman HTML tambahan, menjalankan kode JavaScript, memutar file media dan berkomunikasi dengan server jarak jauh. Pada artikel ini, kami akan membahas framework untuk mobile apps Cordova dari Apache. Kalau Anda ingin tahu kejelasan tentang Cordova, mari simak artikel ini sampai akhir.

TUTORIAL :

Kita akan memulai tutorial dengan memperhatikan bahan-bahan tools sebagai berikut:

Bahan-Bahan tools untuk convert:

1. Node Js .
- https://nodejs.org/en/download/
-
2. Java JDK
- http://bit.ly/JavaJDKLemauDev

3. Android Studio + SDK
- https://developer.android.com/studio

4. Download Gradle :
- Gradle 4.10 : http://bit.ly/Gradle410LemauDev
- Gradle 6.6 : http://bit.ly/Gradle66LemauDev

5. Download Config File :
https://drive.google.com/file/d/1WBw8

Tutorial Convert :

 1. Instal NodeJs, Java, Dan Android Studio Tinggal Next, Next, Ok sampai beres tapi untuk android studio ada beberapa note;  

• Android Virtual Device jangan di ceklik (Kenapa? karena kita hanya butuh apk nya saja)

 

• Buat Folder SDK di lain tempat (Kenapa? karena itu untuk jaga-jaga kalian punya masalah dengan PC kalian, jadi kalian tidak perlu instal ulang android studio tinggal load folder yang sudah ada)

 

 

•  Cek Node JS di commend prompt( Jika tidak ada seperti gambar, kalian bisa cek di CMD biasa dengan ketik code nodejs tersebut)

2. Ekstrak Gradle ke C\(pastikan foldernya tidak ada titik dan spasi), Disini kalian bisa memilih gradle 4.10 atau 6.10 dengan kriteria sebagai berikut;

• Gradle 4.10(Cordova 9.0.0),(Min Sdk:19), (Target Sdk:29)
• Gradle 6.10(Cordova 10.0.0),(Min Sdk:22), (Target Sdk:30)

 

3. Masuk ke sistem Edit the system environment variables - control panel (bisa lewat search windows) , Lalu klik  Environtment Variable, Lalu kita setting gradle sebagai berikut:

• Buat variable baru di user variable dan system varible 
  

- GRADLE_HOME - Folder Gradle

- JAVA_HOME - C\Progam Files\Java\jdk_versikamu

- ANDROID_SDK_ROOT - Folder SDK Android Studio

4. Masih di sistem yang sama, masuk ke variable path, Masukan beberapa folder yang berhubungan dengan file-file alat-alat kita. (Jika ingin ditambah dengan folder lain boleh, karena ada beberapa pc yang sulit terbaca path)

 

 

5. Masuk ke cmd NodeJS, Cek instalasi gradle dan android:

• gradle - v (gradle)
• android (android)

  (Jika ada keterangan belum ada, berarti ada tutorial yang belum benar)

6. Clear CMD, lalu kita coba instal Cordova: (dengan internet)

• npm install -g cordova@9.0.0

 

7.  Untuk antisipasi error, diusahakan kalian menginstal seluruh jenis android di android studio, ceklis semua saja. dan tools penting lainnya.

8. Kita mulai untuk convert project, dengan cara export project kita ke cordova, klik next next saja sampai ke export. Simpan file di desktop untuk mempermudah. btw berikut setting project apps saya ketika ingin optimal berjalan landscape di android.

 

 

9. Setelah kalian convert, kalian akan menemukan file sebagai berikut, Lalu kalian coba ganti file icon.png dengan foto apps kalian sesuai ukuran, dan ganti file config.xml dengan file dari bahan yang saya share.

10. Buka config.xml dengan apps coding seperti visual studio code, ubah id, name, description, author, Android Min -Target, dan ukuran menjadi sesuai yang kalian inginkan. ( jangan ada yang di ubah selain itu) (untuk id diusahakan huruf dan tanpa spasi)

 

11. Masuk ke CMD, Masuk ke folder hasil convert sebelumnya lewat cmd, lalu ketik;

• cordova platform add android (diusahakan 2x agar memastikan benar-benar terinstal)
  
• cordova build android (non playstore)
• cordova build -release android (playstore, tetapi ada syarat yang harus ditambahkan)

12. Nanti di CMD tersebut file lokasi APK yang sudah di convert akan diberitahu lokasi folder tersebut. dan kalian sudah bisa instal ke gadget kalian.

Note : Ini tidak bisa di masukan kedalam playstore, jika ingin di masukan ke dalam playstore ada tambahan setting di android studio. Jika masih bingung bisa ditanyakan di kolom komentar ya!