2/9/21

Catatan Pribadi : React Native Project Sigin Menggunakan Google

 Ini merupakan catatan pribadi saat saya mengikuti training tentang React Native, agar ilmu yang saya pelajari bisa diulangi lagi ketika saya lupa materi yang telah dipelajari. Jadi mohon maaf jika penulisan ini banyak materi yang tidak bisa dipahami oleh pembaca. 


https://github.com/react-native-google-signin/google-signin

1. install google signin

yarn add @react-native-community/google-signin

2. buat project di firebase console (tanpa analisys google)

setelah project telah siap pada mulai dengan project pilihlah "Android"

isi : 

nama paket android : ini disi dengan nama paket yang terdapat pada /android/app/src/main/AndroidManifest.xml 

nama aplikasi : bebas

sertifikat sha-1 silahkan ikuti langkah pada 

https://stackoverflow.com/questions/54868611/how-to-get-sha-1-key-in-react-native-cli

silahkan masuk pada folder /android/app dan masukkan perintah 

keytool -list -v -keystore debug.keystore -alias androiddebugkey -storepass android -keypass android

nanti akan muncul sha-1 dan silahkan copy pada form di firebase

klik daftar aplikas 

kemudian download google-services.json yang sudah tersedia dan letakkan di folder /android/app


selanjutnya ikut point 2 dan 3 pada langkah 2 

https://github.com/react-native-google-signin/google-signin/blob/master/docs/android-guide.md


2 Update android/build.gradle with

3 . Update android/app/build.gradle with


kemudia coba jalankan run-android, jika berhasil berarti configurasi sudah berhasil


setelah itu jangan lupa untuk mengaktifkan signin methode pada firebase (aktifkan google ) pada authentification 


ikutin kembali langkah signin pada https://github.com/react-native-google-signin/google-signin


tambahkan import 

tambahkan googleSignin.configure pada useeffect webclientid saja

webclientid didapat dari firebase ID Web klien pada signin methode (google)