React Native Firebase - Google Sign In Tutorial 🔥

Hello friends 👋 Join me in creating a Google Sign In with React Native and Firebase.

👨🏻‍💻 ☕️ 🌟 Would you like to support me? Sponsor me on GitHub🌟 ☕️ 👨🏻‍💻

⭐️ If you want to learn more about me, check this links:

⭐️ My apps & projects:

[good]

For anyone getting the 400 invalid_request error. Unfortunately, this error is kind of a generic one and can be caused by a number of different things.
One possible cause is if you're using the wrong client id(You need to go to your google dashboard, then credentials on the left, then under oauth2.0 client IDs you need to select the client you made for this project. I'm developing for Android so that the client I selected. If you selected a client of type Web application(or any type other than the one you're developing for) then that would be a cause of this error. The other possibility that I also hit myselft was needing to enable Custom URI Scheme(which is found under Advanced Settings, which is on the client ID screen for your project) I also ended up having to delete the "Scheme" that the tutorial had you put into your App.json. Although I'm not positive this is necessary for everyone.
😀😀😀

[vijaymarka]

hi beto, I am getting access blocked: authorization error, error: 400 invali_request, how to solve the issue

[facundotorres]

Hey bro, i do everithing and it worked, but when i try to sign in doesnt give me the access and give me this error Error 400: invalid_request. I already put my acount like a user test

[quakerparrotandlovebirds]

just cant get away from error 400: invalid request when opening on browser. Cant make it open inside app, it always open crome...

[voldemore]

Google oAuth from the last video I did follow all procedure which were shown on your video I did about to get all done but something occurred was Google requires policy 2.0 from my screen along with 400 invalid request could you explain why is all this message pop up instead of my account info😢, and the message even show me because of my //exp//192.16… not allow as redirect url?

[jhonatangiraldo]

In Android, the deep link seems to not be working, doesn't work in the browser, and also I get a 400 "Custom URI scheme is not enabled for your Android client". Do you know what might be the issue? Thanks in advance 🙏🏼

[armyofdamonkeys]

I thought Firebase JS sdk means it can use pure Expo Go (and even web if doing web+ios+android together in 1 codebase) vs 'React Native Firebase' library which needs the expo dev client? Why need to use dev client here?

[rubenandiapimentel]

I JUST WANT TO GIVE YOU AN IMPORTANT POINT, WHEN YOU HAVE CREATED A NEW PROJECT IN FIREBASE AND HAVE ACTIVATED THE GOOGLE SIGN IN THEN YOU DONT HAVE TO CREATE A NEW PROJECT IN GOOGLE CLOUD, JUST USE THE SAME PROJECT THAT FIRBASE HAS CREATED FOR YOU, THIS IS IMPORTANT BEACAUSE GOOGLE WONT LET YOU A NEW OAUTH WITH THE SAME ID OF FIREBASE ID CLIENT WEB ON DIFERENT PROJECT, IN A NUTSHELL YOU SHOULD NOT CREATE A NEW PROJECT IN GOOGLE CLOUD IF YOU DONT WANT TO DO THE WORK TWICE.

[Gutss]

Error: RNGoogleSignin: failed to determine clientID - GoogleService-Info.plist was not found and iosClientId was not provided. To fix this error: if you have GoogleService-Info.plist file (usually downloaded from firebase) place it into the project as seen in the iOS guide. Otherwise pass iosClientId option to configure()

Can you help me with this error? :)

[MrInvers]

It works as a charm using Firebase as the title says. The best tutorial.

[kanishkazoysa]

when run the "npx expo prebuild" command only add the android folder .not added the ios folder and update the bundleIdentifier

[siddharthverma]

while signing in using Google, i am facing Access blocked:Authorization Error :400 invalid request what should i do ?

[jasim]

can you make a video for phonepay and gpay integration in react native cli

[felipemelendez]

This tutorial is fantastic, you covered topics that I did not expect to see and explained them with the perfect amount of detail and at a perfect pace, thank you! I look forward to more tutorials!

[thedungnguyen]

does anyone here got response?.type return 'dismiss' ?

[furrekarasu]

Im using windows, when I do npx expo prebuild It doesnt generate IOS folder, only android and if I run npx expo prebuild --platform ios it says => "skipped generating" bla bla bla Help please

[renanuggioni]

Awesome tutorial! Thank you! For some reason I'm not able to pre build the iOS bundle, is it because I'm on windows? It does build the Android just fine =\

[victorflorez]

Really nice tutorial, thank you!👍
I have an issue where I get an invalid request error on andriod but not on ios, I have double checked the client id's, but it seems to fail every time after rebuilding and remaking the android client id. Does anyone know why this could be?

[rahulchowdhury]

Can you tell me how can I run this app now on a real device? Sure the QR does not work. Thanks.

[andresmalagon]

great tutorial. do you have any resources on how to get this to work with state management like useContext or redux?