Tutorial Membuat Aplikasi Android/iOS Menggunakan Command Prompt (CMD)

Tutorial Membuat Aplikasi Android/iOS Menggunakan Command Prompt (CMD)

Pada tutorial ini, kita akan membuat aplikasi Android/iOS sederhana menggunakan Command Prompt tanpa menggunakan Flutter, Android Studio, atau Xcode. Sebagai alternatif, kita bisa menggunakan framework web yang memungkinkan pembuatan aplikasi mobile, misalnya menggunakan HTML, CSS, dan JavaScript, dan kemudian membungkus aplikasi web tersebut menjadi APK atau IPA menggunakan Cordova atau PhoneGap.

Persyaratan:

Pastikan Anda memiliki beberapa tools berikut:

• Node.js (untuk instalasi Cordova)
• Cordova (untuk membungkus aplikasi menjadi APK/IPA)
• Command Prompt (CMD)

1. Instalasi Node.js dan NPM

Langkah pertama adalah menginstal Node.js dan NPM (Node Package Manager), yang akan membantu kita menginstal Cordova.

a. Unduh Node.js

1. Buka nodejs.org.
2. Pilih versi LTS (Long Term Support) untuk stabilitas.
3. Ikuti petunjuk instalasi hingga selesai.

b. Cek Instalasi Node.js

Buka Command Prompt, kemudian ketik:

node -v
npm -v

Jika Node.js dan NPM terinstal dengan benar, Anda akan melihat versi dari kedua tools tersebut.

2. Instalasi Cordova

Cordova adalah platform open-source yang memungkinkan Anda membungkus aplikasi web menjadi aplikasi Android/iOS.

a. Instal Cordova

Untuk menginstal Cordova, buka Command Prompt dan ketik:

npm install -g cordova

Ini akan menginstal Cordova secara global di sistem Anda.

b. Cek Instalasi Cordova

Setelah instalasi selesai, cek apakah Cordova sudah terinstal dengan benar:

cordova -v

Jika instalasi berhasil, Anda akan melihat versi Cordova yang terinstal.

3. Membuat Proyek Aplikasi Baru

Setelah Cordova terinstal, kita bisa membuat proyek aplikasi baru menggunakan Command Prompt.

a. Membuat Proyek Cordova

Untuk membuat proyek baru, gunakan perintah berikut:

cordova create myApp com.example.myapp MyApp

• myApp: Nama folder aplikasi.
• com.example.myapp: Nama unik untuk aplikasi (seperti domain).
• MyApp: Nama aplikasi.

Command ini akan menghasilkan folder proyek lengkap dengan struktur dasar aplikasi.

4. Menambahkan Platform Android/iOS

Setelah proyek dibuat, kita perlu menambahkan platform target, seperti Android atau iOS.

a. Menambahkan Platform Android

Untuk menambahkan platform Android, ketik perintah berikut:

cordova platform add android

Jika Anda ingin menambahkan platform iOS (untuk pengguna macOS):

cordova platform add ios

Ini akan menyiapkan lingkungan untuk membangun aplikasi Android dan iOS.

5. Membuat Aplikasi (Build APK/IPA)

Setelah platform ditambahkan, kita bisa membangun aplikasi menjadi APK atau IPA.

a. Build APK untuk Android

Untuk membangun APK, jalankan perintah berikut:

cordova build android

Setelah proses build selesai, APK akan berada di folder platforms/android/app/build/outputs/apk.

b. Build IPA untuk iOS

Jika Anda menggunakan macOS dan ingin membangun aplikasi untuk iOS, gunakan perintah:

cordova build ios

IPA akan dihasilkan di folder platforms/ios/build.

6. Menjalankan Aplikasi di Emulator atau Perangkat

Setelah aplikasi berhasil dibangun, kita bisa menjalankannya di emulator atau perangkat fisik.

a. Menjalankan di Emulator Android

Untuk menjalankan aplikasi di emulator Android, gunakan perintah berikut:

cordova emulate android

b. Menjalankan di Perangkat Fisik

Jika Anda ingin menginstal APK ke perangkat Android fisik yang terhubung melalui USB, gunakan perintah berikut:

cordova run android --device

7. Mengedit Kode Aplikasi

Struktur proyek yang dihasilkan oleh Cordova berbasis pada teknologi web. Anda bisa mengedit file index.html, style.css, dan app.js di folder www/ untuk mengembangkan aplikasi sesuai kebutuhan.

Kesimpulan

Dengan menggunakan Command Prompt dan Cordova, Anda bisa membuat aplikasi Android dan iOS sederhana tanpa memerlukan Flutter, Android Studio, atau Xcode. Ini adalah solusi ringan dan efisien untuk aplikasi berbasis web yang ingin dibungkus menjadi aplikasi mobile.

Contoh Struktur Proyek Cordova:

myApp/
│
├── hooks/
├── platforms/
│   ├── android/
│   └── ios/
├── plugins/
└── www/
    ├── css/
    ├── img/
    ├── js/
    └── index.html

Dengan struktur ini, Anda bisa menyesuaikan aplikasi mobile sesuai keinginan.