Google Sign in Flutter Firebase | Google Authentication using Firebase

Welcome to this comprehensive Flutter Firebase tutorial, where we'll guide you through the complete process of integrating Google Sign-In flutter using firebase for robust authentication.
► Complete E-Commerce App Playlist : • Professional Flutter E...
🎊 E-COMMERCE APP
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🎁 DOWNLOAD SOURCE CODE: codingwitht.com/product/flutt...
❤️ FLUTTER E-COMMERCE APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Complete E-Commerce App : • Professional Flutter E...
► Section - 1 Configuration : • Professional Flutter P...
► Section - 2 Login App : • Professional Flutter P...
► Section - 3 eCommerce UI : • Flutter Complete Ecomm...
► Section - 4 Login Backend: • Flutter Firebase Cours...
► Section - 5 eCommerce Backend: • Flutter E-Commerce App...
❤️ SUBSCRIPTIONS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Join Patreon to Access Premium Content: / membership
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE • Flutter Crash Course f...
► LOGIN APP FIREBASE • Flutter Login App - UI...
🧑‍💻 RELATED VIDEOS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► Splash Screen Design: • Latest Flutter Splash ...
► Login Screen Design: • Login Page in Flutter ...
► Onboarding Screen Design • Flutter Onboarding Scr...
► GetX Basics: • Flutter Firestore CRUD...
CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
01:15 Video Overview
02:07 Playlist Overview
02:39 Video Breakdown
03:26 Add Dependency google_sign_in
04:27 Enable Google sign in from console
04:37 Add SHA1 and SHA256
05:09 Create Sign in Authentication function
05:49 Exceptions
11:07 Call the login Controller
17:38 Store data in Firebase Firestore
25:24 Redirect user to Home Screen
26:30 Result of the Video
27:00 How to Logout using Flutter Firebase
27:23 Why not creating a video on Facebook Sign in
FOLLOW US ON SOCIAL MEDIA
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 Facebook | / codingwithtea
💻 Instagram | / coding_with_tea
Here's a detailed breakdown of what we'll cover:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Add Dependency google_sign_in: Integrate the necessary dependency, google_sign_in, to enable Google Sign-In functionality seamlessly within your Flutter project.
Enable Google Sign-In from Console: Navigate through the Firebase console to enable Google Sign-In for your app, establishing a secure authentication link.
Add SHA1 and SHA256: Enhance the security of your project by configuring SHA1 and SHA256 settings, ensuring a robust authentication process.
Create Sign-In Authentication Function: Master the creation of a robust authentication function tailored for Google Sign-In, allowing for a smooth and secure user experience.
Exception Handling: Learn the art of handling exceptions effectively, ensuring that your app remains responsive and user-friendly in all scenarios.
Call the Login Controller: Integrate the login controller to seamlessly initiate the Google Sign-In process, enhancing the overall user journey.
Store Data in Firebase Firestore: Safely and securely store user data in Firebase Firestore, completing the authentication process with data persistence.
✔️ Setting up Google Sign-In in Flutter using the google_sign_in package.
✔️ Configuring Firebase for seamless authentication.
✔️ Enhancing security with SHA1 and SHA256 configurations.
✔️ Building a robust authentication function for Google Sign-In.
✔️ Exception handling for a smooth user experience.
✔️ Initiating the authentication process with the login controller.
✔️ Securely storing user data in Firebase Firestore.
🌟 Why Watch?
Whether you're a Flutter enthusiast or a developer looking to master authentication in Flutter Firebase, this tutorial provides the detailed guidance you need. Subscribe, like, and hit the bell icon for more tutorials from Coding with T!
#GoogleSignIn #FlutterFirebase #GoogleAuthentication #CodingWithT #FlutterTutorial #FirebaseTutorial #AuthenticationInFlutter

[@ankitdhattarwal2286]

Thank for good content , i am starting flutter and i not have too much knowledge about flutter backend but your teaching method is really good and how to create function and make too much easy to understand the concept and really this is only one channel that provide good content and again thank you for playlist , i learn my things from your playlist..😊😊

[@CodingwithT]

You are most welcome 🤗. And All the best 👍😁

[@professionneljacques4210]

Thank a lot.

[@CodingwithT]

Welcome 😊

[@Jiayoujiayoulalalla]

I saw Geolocation in the profile screen. I wonder if you will cover this in this tutorial series?

[@CodingwithT]

Sure, Thank you for your suggestion. I will create a video on it

[@isaacipole7157]

hello brother, my best experience with flutter has been with your tutorials, but i haven't been able to solve this error "UserModel.fromSnapShot", in the user model how can it be fixed?

[@kaushalprajapati2215]

Why did the user name and email data fetch and display in the profile screen? Please answer my question.

[@amanimakoi7651]

Hello Sir, When I click on Google Icon Button doesn't do anything it wants me to set "android:enableonbackinvokedcallback =true" in application manifest but when I add it also doesn't work help me if there is another way

[@Hamza-yq7sj]

Sir animations and expectations file upload kar di ap ne starter kit ma ?

[@CodingwithT]

Yes uploaded ☺️

[@muhammadmajid2178]

❤❤❤❤

[@neha_d_shakya]

What if I have an isAdmin parameter in the UserModel class how do I save user record?

[@CodingwithT]

Please watch the current on going Flutter Admin Panel Course to handle roles

[@user-kt9oc1st9w]

Sir I have a question when I click on Google button then it show the login emails in my device but when I choose any email then instead of navigate to NavigationMenuScreen its navigating to LoginScreen.............. and after this when I close the app and open it again then first screen NavigationMenuScreen appears........................need help sir

[@CodingwithT]

get the credentials of account which you have selected and then send user credentials to screen redirect method. It will then check is user verified then it automatically logged you in and redirect to home screen. if (user.emailVerified) { // Initialize User Specific Storage await TLocalStorage.init(user.uid); Get.offAll(() => const HomeMenu()); }

[@footballgrinta-8714]

it didn't work for me it stop loading and show a snack bar an unexpected error any help?

[@dazaai_tv]

same here

[@zzziioo313]

"The argument type 'Future' can't be assigned to the parameter type 'UserCredential?' " What should I do? Thank you for your tutorials.

[@CodingwithT]

Have you added async and await?

[@zzziioo313]

​​@@CodingwithT I fix it, thank you very much.

[@adityagaur1196]

when clicking on the google button. it opens the google pop up. and when i select my email id . it throws error.

[@CodingwithT]

Did you give SHA1 and SHA256 to your firebase project?

[@HassanAli-od8gx]

When will you upload the Facebook Signin video?

[@CodingwithT]

Right now, I'm focusing on the admin panel videos, but I'll definitely cover Facebook Sign-In in an upcoming video. Keep an eye on my channel for updates, and I appreciate your interest and support!

[@fizz1028]

The following _TypeError was thrown building TSocialButtons(dirty): type 'Null' is not a subtype of type 'String' how to i fixxed it is error

[@CodingwithT]

Try debugging the code to identify where the null value is coming from. Once you locate the source of the null value, you can fix the error accordingly.

[@fizz1028]

@@CodingwithT The reason for the error is this code( email.text = localStorage.read('REMEMBER_ME_EMAIL'); password.text = localStorage.read('MEMBER_ME_PASSWORD');) how can I fix this

[@ahmedfouad1802]

Did u find the solution

[@warhammer315]

In my case, I read localStorage and the value is null. So I remove this line inside onInit() login_controller.dart: email.text = localStorage.read('REMEMBER_ME_EMAIL'); password.text = localStorage.read('REMEMBER_ME_PASSWORD'); Or you can add try & catch

[@anashomaid144]

i think i have a problem, whenever i press the sign in with google button on iPhone the app just crashes, it works perfectly fine on android .

[@CodingwithT]

There are few modifications required for iOS that I'll share in a comment.

[@footballgrinta-8714]

despite i made the sha to google sign in when i click on it it shows a popup and i choose an account then it stop loading and throw "sign in failed please try again" please help

[@CodingwithT]

Did you enable Google authentication in firebase?

[@footballgrinta-8714]

@@CodingwithT yes it's enabled thé problem when i tapped thé command in terminal it shows error keystore format invalid so i tried to generate a keystore file in android/app and i got the keys then i paste its in firebase and same thing please help

[@mohammedabduraboal-haig9179]

Hello sir, After I click on Google button and chose an account I get error snocker which is " sign_in_faild, please try again" that show in TPlatformException, how I can solve it?

[@CodingwithT]

Ensure that your Firebase project is properly configured for Google sign-in. Make sure the SHA-1 and SHA-256 keys are added to your Firebase project.

[@mohammedabduraboal-haig9179]

Yes I am sure ​@@CodingwithT

[@PrashantSunbright]

sir please tell us how to do logout function

[@CodingwithT]

To implement a logout function, you can use Firebase authentication methods like signOut() to log the user out. Additionally, you can call Get.offAll() to navigate back to the login screen or any other desired destination.

[@footballgrinta-8714]

i didn't get the fingerprint for sha it always show me invalid keystore format what's the solution please ? Big love my brother

[@CodingwithT]

How you create the fingerprints? Do each step again hopefully your error will be resolved. If not, you can contact me on my whatsapp

[@deepankarvarma4513]

Whenever I click on the google sign in logo, the app keeps shutting down. What to be done?

[@CodingwithT]

This happens mostly in iOS cases. If this is your case then you are missing code in info.plist file Edit this info.plist which is in the iOS folder of your flutter project. Add this: -- Put me in the [my_project]/ios/Runner/Info.plist file --> CFBundleURLTypes CFBundleTypeRole Editor CFBundleURLSchemes com.googleusercontent.apps.861823949799-vc35cprkp249096uujjn0vvnmcvjppkn

[@CodingwithT]

Also make sure that you don't have 2 CFBundleURLTypes in your info.plist

[@deepankarvarma4513]

@@CodingwithT It is still crashing.

[@CodingwithT]

Do the fresh restart

[@deepankarvarma4513]

@@CodingwithT Done sir, and rechecked the code thrice still same issue

[@maazafridi2090]

its very difficult.. how we will learn it 😩😩 feeling de-motivated

[@CodingwithT]

Which part dear? Let me know if you need any help.

[@younes6216]

You didn't show How do I check if it's a new user or not

[@CodingwithT]

Thank you for pointing that out. You can check if a user is new or not in the Authentication repository, specifically in the screen Redirect function. There, the necessary logic for determining if the user is new or returning is implemented. If you have any further questions or need clarification, feel free to ask!

[@khaledmohamed6777]

Can you plz at least upload exception file 🙏

[@CodingwithT]

It's uploaded in the free starter kit