Assalamualaikum wr wb.
2 Minggu terakhir ini disibukan dengan React Native nih, yaa gua lagi nge rebuild aplikasi React Native yang 2 tahun lalu gua buat dan sudah rilis juga di playstore. Namun beberapa bulan sebelumnya pas gua cek ternyata aplikasi nya jadi blank. Dan selama itu juga gua belum buka buka lagi aplikasi / codingan React Native. Buat yang belum tahun React Native itu apa, itu adalah sebuah framework javascript yang didesaign atau dibua untuk aplikasi multipaltform. Lebih jelasnya gugling aja kali ya wkwkw.
Oke lanjut, setelah gua bongkar codingan nya, banyak banget dependencies yang deprecated alhasil ini aplikasi harus dibuild ulang , sekalian upgrade versi React Native nya, terakhir versinya 0.61.5, pas sekarang saya cek udah 0.70 aja, udah ketinggalan jauh ternyata hahah.
Banyak banget kendala yang gua temuin saat rebuild app nya, salah satunya yaitu Aplikasi Crash atau Force Close sesaat setelah apk nya di release. Terus gua cari tau jawaban nya di stackoverflow kan , nyelem dulu sampe ke beberapa answernya udah gua cobain tapi masih belum solved juga. Coba nanya di grup komunitas telegram, ada yang jawab katanya masalah di gradle nya. Lalu gua coba downgrade gradle nya ke versi 6, dari 7. Masih belum bisa juga, aplikasi masih Crash wkwkw.
Kembali lagi ke stackoverflow dengan rasa penasaran dan cari tau kenapa masalahnya, sampe akhirnya nemu jawabanya nya, dan works. Oke langsung aja letsgoo.
Source: stackoverflow
Seperti gambar diatas kira kira ilustrasinya force closenya. Intinya ketika buka app nya langsung crash aja.
Langkah langkahnya seperti ini:
- Buat folder assets di /[NamaProjectRN]/android/app/src/main. Sehingga isinya terlihat seperti gambar dibawah ini.
- Selanjutnya, masuk ke directory /[NamaProjectRN]/android menggunakan terminal yang ada di laptop atau komputer kalian, bisa pake CMD, PowerShell, Git dll.
- Lalu ketika perintah ini
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 - Jika terjadi error saat mengeksekusi perintah diatas, silahkan install ulang react native global kalian di pc, atau jika tidak menggunakan react native global, tambahakan npx di paling depan. Jadi npx react-native….
- Jika sudah dieksekusi dan sampai menampilkan output seperti ini.
- Itu tandanya sukses, jika masih error ulangi langkah langkanya. Dan terlihat didalam folder assets yang kita buat tadi terdapat file baru bernama index.android.bundle . Gua juga gatau apa itu fungsi filenya, mungkin perintah buat config asset yanga da di project kita agar terbaca, gatau juga sih ngarang wkwkkw
- Langkah selanjutnya, pergi ke directory /[NamaProjectRN]/android/app lalu ketikkan perinta berikut;
./gradlew assembleRelease -x bundleReleaseJsAndAssets - Jika ingin mengeksportnya menjadi .apk (perhatikan yang berawarna merah yang bisa diganti) maka ketikkan assembleRelease namun jika ingin menjadi Bundle, maka ketikkan bundleRelease. Laku tekan Enter.
- Proses bisa memakan waktu sesuai spesifikasi laptop atau komputer kalian, kalo gua cuma 3 menitan langsung jadi hihi.
Sekian Tutorial cara mengatasi Aplikasi React Native Crash / Force Close saat assembleRelease atau bundleRelease.
Sekian Terima Kasih semua!!!
