Hari 29: Publish React Native ke Playstore

Akhirnya aplikasi terpublish juga ke play store.

Persiapan Publish

Semua aplikasi yang masuk ke Play store harus ditandatangani, sebagai penanda jika ada publish lagi artinya update bukan nambah aplikasi. Tanda tangan aplikasi disini menggunakan .keystore.

Berikut cara membuat keystore.

Masuk ke directory java terinstall. Kemudian gunakan perintah berikut untuk melakukan generate.

sudo keytool -genkey -v -keystore my-upload-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

Nama key dapat disesuaikan

Key Asrul Dev

Hasil generate tersebut pindahkan ke dalam proyek, pada folder android/app.

Keystore

Ubah file android/gradle.properties seingga hasilnya seperti berikut.

org.gradle.configureondemand=false

android.useAndroidX=true
android.enableJetifier=true

MYAPP_UPLOAD_STORE_FILE=asruldev-js.keystore
MYAPP_UPLOAD_KEY_ALIAS=asruldev-js-alias
MYAPP_UPLOAD_STORE_PASSWORD=rahasia-sekali-yah
MYAPP_UPLOAD_KEY_PASSWORD=rahasia-sekali-yah

Gradle prop

Selanjutnya ubah kode android/app/build.gradle sehingga menjadi seperti berikut.

...
signingConfigs {
        debug {
            storeFile file('debug.keystore')
            storePassword 'android'
            keyAlias 'androiddebugkey'
            keyPassword 'android'
        }
        release {
            if (project.hasProperty('MYAPP_UPLOAD_STORE_FILE')) {
                storeFile file(MYAPP_UPLOAD_STORE_FILE)
                storePassword MYAPP_UPLOAD_STORE_PASSWORD
                keyAlias MYAPP_UPLOAD_KEY_ALIAS
                keyPassword MYAPP_UPLOAD_KEY_PASSWORD
            }
        }
    }
    buildTypes {
        debug {
            signingConfig signingConfigs.debug
        }
        release {
            // Caution! In production, you need to generate your own keystore file.
            // see https://facebook.github.io/react-native/docs/signed-apk-android.
            signingConfig signingConfigs.release
            minifyEnabled enableProguardInReleaseBuilds
            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
        }
    }
...

TTD Release

Jika configurasi selesai, selanjutnya lakukan release apk dengan perintah berikut.

./gradlew bundleRelease

Pastikan terminal sedang berada dalam folder android

Release APK

Uji dengan perintah berikut, jika tidak ada error maka lanjutkan ke tahap upload ke play store.

npx react-native run-android --variant=release

Upload

Jika APK ingin dipublish ke play store agar dapat didownload oleh org banyak, maka diperlukan akun play console sendiri, jika belum ada silahkan daftarkan jika udah ada langsung login di https://play.google.com.

Pilih menu Buat Aplikasi dan pilih bahasa dan isi nama aplikasi.

Pilih Bahasa

Isi formulir yang diminta oleh google play sendiri, seperti alamat, descripsi, gambar, dll. Kemudian upload apk dan lakukan release, yang diapload adalah hasil release yang ada dalam folder proyek minibioapp/android/app/build/outputs/apk/release.

Upload

Setelah dipload, maka lakukan cek ulang apakah semua field yang dibutuhkan google play udah tercentang? jika sudah, pilih Buat Rilis.

Menunggu

Jika masa pemeriksaan untuk verfifkasi aplikasi oleh google selesai maka aplikasi akan terpublish dan bisa didownload.

Publised

Bisa cek dan download segera di https://play.google.com/store/apps/details?id=com.minibioapp

Hari 29: Publish React Native ke Playstore

Comments

30 Hari Javascript

Hari 30: Menuju kemenangan

More from this blog

Ngoding React Nggak Harus Ribet: Ngobrolin Komponen yang Sering Disalahpahami

Ngapain Sih Pake TypeScript di React? Ribet Tapi Worth It

Regex untuk si paling anti ribet

Cara konversi bilangan String ke Number di Javascript

Tips bekerjasama dengan mentor

Persiapan Publish

Upload

Command Palette

Comments

30 Hari Javascript

Hari 30: Menuju kemenangan

More from this blog

Persiapan Publish

Upload