How to implement Google authentication in React Native and Expo | expo-google-app-auth

In this tutorial, we are going to learn how to add Google Sign-in to the Expo/ React-Native app.

In order to create the functionality of signing in with Google, we create a new React Native app with Expo from scratch.
Command to create blank template
expo init rn-google-auth --template expo-template-blank-typescript (for typescript)
expo init rn-google-auth (for javascript)

Get Google OAuth keys - https://console.cloud.google.com/
Create a new project, add necessary fields
How to create    • How to implement Google authenticatio...  
Create client ID for Android and iOS separately
Copy your client IDs

Generate SHA-1 certificate fingerprint
Step-1
Download OpenSSL from https://code.google.com/archive/p/ope...
Step-2
Go to the folder path- C:\Program Files\Java\jdk-15.0.2\bin
and open the CMD terminal
Step-3
Run- keytool -exportcert -alias androiddebugkey -keystore ~/.android/debug.keystore | "D:\OpenSSL\bin\openssl.exe" sha1 -binary | "D:\OpenSSL\bin\openssl.exe" base64
Step-4
Run- "D:\OpenSSL\bin\openssl.exe" -base64 32 | "D:\OpenSSL\bin\openssl.exe" sha1 -c

The external libraries have been used in this tutorial and below are the details for those libraries:-
1. react-navigation:- https://www.npmjs.com/package/react-n...
2. react-native-gesture-handler:- https://www.npmjs.com/package/react-n...
3. @react-native-async-storage/async-storage:- npm i @react-native-async-storage/async-storage
4. expo-google-app-auth:- https://www.npmjs.com/package/expo-go...

Below is the source code repository link
https://github.com/the-swag-coder/rn-...

If you like this video please hit the like 👍 button and do subscribe 💙😊 to this channel for more videos.

DISCLAIMER: Copyright Disclaimer under section 107 of the Copyright Act 1976. Any reproduction or illegal distribution of the content in any form will result in immediate action against the person concerned.