React Native Compile to Android — Make it Easy Way

Build React Native to Android

Ingin baca tutorial ini dalam Bahasa Inggris?

Melakukan compile dari React Native ke Android, perlu konfigurasi banyak hal. Tapi disini kita tidak membahas konfigurasi tersebut. Kita asumsikan kalian sudah berhasil melakukan compile file .apk tetapi mungkin dengan cara kalian masing-masing.

Disini saya ingin berbagi sedikit tips untuk mempercepat kita melakukan compile tanpa copy-paste atau mengetik perintah yang panjang. Tips ini saya dapat dari teman saya, Gattigaga Hayyuta Dewa. Seorang yang cukup expert dalam JavaScript. Web pribadi yang dimiliki juga sangat keren http://gattigaga.com/.

Contohnya saat ingin melakukan compile release ke Android, kita perlu menjalankan ./gradlew assembleRelease. Awal-awal belajar React Native, sebelum step ini, saya selalu melakukan bundle android agar bisa standalone. Ternyata itu hanya dilakukan kalau kita ingin membuat versi compile debug saja. Untuk release kita bisa melakukannya tanpa harus bundle android.

Dengan cara singkat ini, kita bisa mempercepat kita melakukan compile release, memberikan keystore ke apk dan menjalankan zipalign di direktori Android SDK.

Pada file package.json kita tambahkan seperti berikut

{
  ...
  "scripts": {
    ...
    "buildDebug": "(cd android && ./gradlew clean && ./gradlew assembleDebug)",
    "buildRelease": "(cd android && ./gradlew clean && ./gradlew assembleRelease)",
    "sign": "jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore dcash.keystore android/app/build/outputs/apk/app-release-unsigned.apk alias_name",
    "zip": "~/Library/Android/Sdk/build-tools/23.0.1/zipalign -v 4 android/app/build/outputs/apk/app-release-unsigned.apk android/app/build/outputs/apk/app-release.apk"
  },
  ...
}

Tambahkan pada bagian scripts yaitu buildDebug, buildRelease, sign, dan zip. Hal ini akan membantu kita melakukan compile release .apk sampai siap di upload ke Google PlayStore.

• buildDebug berfungsi untuk melakukan compile file .apk ke versi debug. Tapi sangat jarang saya lakukan, karena lebih baik jalankan pakai
  react-native run-android
• buildRelease berfungsi compile file .apk ke versi release. Setelah jadi file apk, masih tidak bisa digunakan. Masih harus diberikan keystore dan dijalankan zipalign di direktori Android SDK
• sign berfungsi memberikan keystore ke file .apk versi release. Jangan lupa ubah direktori File APK dan Keystore sesuai dengan file path yang kamu miliki
• zip berfungsi menjalankan perintah zipalign di direktori Android SDK ke file .apk versi release. Jangan lupa ubah direktori Android SDK dan File APK sesuai dengan file path yang kamu miliki

Untuk menjalankan setiap perintah tersebut, kita jalankan melalui terminal / command prompt. Jangan lupa masuk ke direktori root project React Native.

npm run-script buildRelease
npm run-script sign
npm run-script zip

Otomatis file APK versi release sudah siap untuk di upload ke Google PlayStore.

Referensi : https://gattigaga.com/

Sekian terima kasih. Semoga bisa bermanfaat. :)

Yuk tulis ide topik atau request topik yang sedang kamu pelajari seputar React Native. Tuangkan ide atau request kamu disini http://bit.ly/RequestTopicReactNative