Cara Build APK React Native! Debug and Release APK Dalam 4 Tahap

Pelajari langkah-langkah tentang Cara Build APK React Native. Debug dan Release APK dengan menggunakan perintah sederhana, Kita dapat membangun APK yang siap untuk didistribusikan di perangkat Android.

Apa Itu File Apk?

Sebuah file .apk adalah format file yang digunakan untuk aplikasi Android. Istilah “APK” adalah kependekan dari Android Package Kit. file .apk adalah file paket yang berisi semua komponen dan sumber daya yang diperlukan dari sebuah aplikasi Android, termasuk source code yang telah dicompile (dalam bentuk Dalvik Executable atau Android Runtime Binary), aset, sumber daya, dan file manifest.

File .apk berfungsi sebagai wadah untuk aplikasi dan menyediakan format standar yang dapat dipahami dan diinstal oleh perangkat Android. Ini memungkinkan pengguna untuk dengan mudah mengunduh, menginstal, dan memperbarui aplikasi dari berbagai sumber, termasuk Google Play Store dan toko aplikasi pihak ketiga.

Sederhananya, Android Package Kit (APK) adalah format file paket yang digunakan oleh sistem operasi Android untuk distribusi dan instalasi aplikasi mobile. Mirip dengan file .exe yang ada di sistem operasi Windows, hanya saja file .apk digunakan khusus untuk platform Android.

Debug APK

Debug APK adalah versi aplikasi yang dicompile untuk tujuan debugging dan pengembangan. Saat kita mengembangkan aplikasi Android menggunakan Android Studio atau lingkungan pengembangan lainnya, kita dapat menghasilkan file APK debug yang memungkinkan Anda untuk melakukan testing, pengujian, dan melakukan trial error dalam aplikasi. Namun, perlu diingat bahwa file ini belum siap untuk dipublikasikan, dan ada beberapa hal yang perlu kita lakukan sebelum dapat mempublikasikannya. Meskipun demikian, file tersebut akan berguna untuk distribusi awal dan pengujian.

Cara Debug Build APK React native

Langkah 1 : Pastikan kita berada di rootfolder project yang akan kita build apk nya

Langkah 2 : Jalankan Perintah dibawah ini :

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

Langkah 3 : Masuk ke direktori android dengan cara menjalankan perintah dibawah ini :

cd android

Langkah 4 : jalankan perintah dibawah ini :

untuk macOs

./gradlew assembleDebug

Untuk Windows

gradlew assembleDebug

Langkah 4 : Tunggu sampai proses selesai, dan output nya ada di

PojectKamu/android/app/build/outputs/apk/debug/app-debug.apk

Selesai.

Release APK

Release APK adalah versi aplikasi yang dicompile dan dioptimalkan untuk tujuan publikasi ke Playstore atau distribusi kepada enduser. Release APK adalah versi yang siap untuk didistribusikan secara luas kepada pengguna.

Dalam proses pembuatan Release APK , Kita akan mengoptimalkan aplikasi dengan menghilangkan debug resource, memproguard source code kita (jika diinginkan), mengonfigurasi debug keystore, dan melakukan langkah-langkah lain yang diperlukan untuk mempersiapkan aplikasi untuk distribusi secara publik.

APK yang sudah di rilis dapat diunggah ke appstore resmi seperti Google Play Store, AppStore atau disebarkan melalui sumber lain sesuai kebutuhan kita. Versi rilis memungkinkan kita untuk menjadikan aplikasi yang stabil, efisien, dan siap digunakan oleh pengguna.

Langkah Langkah Release APK

Langkah 1 : Generate Keystore

Kita akan membutuhkan Java generated signing key, yaitu file keystore yang digunakan untuk menghasilkan React Native executable binary for Android. Untuk membuat keystore menggunakan keytool di terminal, ikuti langkah-langkah berikut:

keytool -genkey -v -keystore mykeystore.keystore -alias your_key_alias -keyalg RSA -keysize 2048 -validity 10000

Gantilah “mykeystore.keystore” dengan nama file keystore yang ingin Anda gunakan, dan “your_key_alias ” dengan alias kunci yang kamu inginkan.

Keytool akan meminta kamu untuk memasukkan beberapa informasi seperti kata sandi keystore, nama dan unit organisasi, kota atau lokalitas, negara, dll. Isi informasi ini sesuai dengan kebutuhan kamu. Setelah selesai mengisi informasi, keytool akan membuat keystore baru dengan kunci penandatanganan di dalamnya.

Pastikan untuk menyimpan keystore dengan aman dan ingat kata sandinya. Keystore ini diperlukan untuk menghasilkan APK rilis yang ditandatangani.

Langkah 2 : Menambahkan Keystore kedalam Project React-Native

Pertama, kamu perlu menyalin file keystore kamu (nama_keystore_kamu.keystore) dan menempelkannya di bawah direktori android/app pada folder project React Nativemu.

Jalankan Perintah Berikut di Terminal:

mv my-release-key.keystore /android/app

Selanjutnya buka app/android/build.gradle file dan tambahkan konfigurasi keystore. ada 2 cara yaitu yang pertama adalah cara yg umum dan kurang aman. edit pada bagian dibawah ini :

android {
....
  signingConfigs {
    release {
      storeFile file('nama_keystore_kamu.keystore')
      storePassword 'nama_keystore_kamu'
      keyAlias 'your_key_alias '
      keyPassword 'your_key_file_alias_password'
    }
  }
  buildTypes {
    release {
      ....
      signingConfig signingConfigs.release
    }
  }
}

Melakukan konfigurasi dengan meggunakan plaintext password sangat tidak direkomendasikan dan bukan best practice. Lebih baik jika menyimpan keystore password didalam .gradle file. Pastikan kamu menjaga keamanan file keystore kamu dan tidak membagikannya dengan orang lain. Jika keystore hilang atau diretas, itu dapat mengakibatkan kerugian yang serius.

Untuk meminta kata sandi dengan file build Gradle, ubah konfigurasi di atas menjadi:

signingConfigs {
    release {
        storeFile file('my-release-key.keystore')
        storePassword System.console().readLine("\nKeystore password: ")
        keyAlias System.console().readLine("Key alias: ")
        keyPassword System.console().readLine("\nKey password: ")
    }
}

Langkah 3 : Release APK

Selanjutnya di root folder kamu jalankan perintah dibawah ini :

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle 
--assets-dest android/app/src/main/res/

Masuk ke direktori android

cd android

Untuk Windows,

gradlew assembleRelease

For Linux and Mac OS:

./gradlew assembleRelease

Tunggu Sampai Proses Selesai dan output nya akan bisa ditemukan di  android/app/build/outputs/apk/app-release.apk.
file ini adalah file yang di upload di playstore atau dibagikan dan bisa di install.

Jika Masih bingung, bisa lihat video tutorial di YouTube

Pastikan kamu telah mengikuti langkah-langkah tambahan yang diperlukan, seperti mengonfigurasi keystore jika ingin menghasilkan APK rilis.

Dengan mengikuti langkah-langkah ini, kamu dapat menghasilkan APK React Native yang dapat diinstal dan diuji di perangkat Android atau diunggah ke toko aplikasi untuk didistribusikan kepada pengguna. Selalu pastikan untuk memahami persyaratan dan prosedur yang relevan untuk publikasi aplikasi ke toko aplikasi resmi.