Summary
Full Transcript
On native Android devices we can use the native Sign in with Google flow which uses the operating system's built-in functionalities to prompt the user for consent[0]. We can use the react-native-google-signin/google-signin library[1] to implement native Google Sign in into our Expo React native applications. Read the docs: https://supabase.com/docs/guides/auth/social-login/auth-google?platform=react-native&utm_source=youtube&utm_medium=video&utm%5C_term=expo-react-native&utm_content=vojHmGUGUGc React Native Authentication blog post: https://supabase.com/blog/react-native-authentication?utm_source=youtube&utm_medium=social&utm_term=expo-react-native&utm_content=AE7dKIKMJy4 [0] https://developers.google.com/android/reference/com/google/android/gms/auth/api/identity/package-summary [1] https://github.com/react-native-google-signin/google-signin#expo-installation 🎙️ Presented by Thor Schaeff (@thorwebdev https://go.thor.bio/x) ## Chapters 00:00 Intro 00:18 React Native Google Sign In library 00:52 Create new Expo project with TypeScript 01:40 Run Expo App on Android simulator 02:30 Install and configure React Native Google Sign In library 03:26 Build React Native Android App locally 04:52 Configure native Google Sign In in your Android project 06:46 Implement Sign in with Google Button 10:25 Create Android client OAuth ID for your project in the Google console 16:42 Create Web Client OAuth ID for your project in the Google console 19:05 Initialize a local Supabase project with the Supabase CLI 19:15 Configure Google OAuth for a local Supabase Project 20:55 Create supabase-js client in React Native 22:59 Start the Supabase Stack locally 23:10 Implement Supabase Auth `signInWithIdToken` 26:24 Enable Android simulator to make calls to localhost 28:30 Configure Google Auth on your hosted Supabase project
