Flutter Google Sign In using Firebase | Flutter Firebase Auth Tutorial iOS, Android
ฝัง
- เผยแพร่เมื่อ 2 ต.ค. 2024
- 💼 Book a meeting: cutt.ly/Pegxp5rA
💎 Ultimate Flutter UI Kit: cutt.ly/3w6tqwFA
In this video, I am going to show you an easy way to integrate Google Sign In Authentication using Firebase into your Flutter application. We will take a look at setting using our Firebase Project to support Google Sign In Authentication and then use the firebase_auth and firebase_core plugins to authenticate our user using Google Sign In into our Flutter project. Moreover, this tutorial will show you how to use the Firebase auth package to get the authenticated user profile information using the Firebase Auth package, and then display this information within our Flutter app. This guide will help you set up and navigate through the process of adding Google Sign In with the help of Firebase into your Flutter application. This is an excellent guide for beginner Flutter developers.
Resources:
Source Code: cutt.ly/EwWq9Daa
Firebase Core: pub.dev/packag...
Firebase Auth: pub.dev/packag...
Socials:
Website: hussainmustafa...
Github: github.com/hus...
LinkedIn: / hussain-mustafa-960920184
Twitter: / hussain34274892
Buy Me A Coffee: www.buymeacoff...
#flutter #firebasetutorial #firebaseauth #firebaseauthentication
Love it when you do the code with the explanation even on the simple thing so newbie like me can be more understand. Subscribed!
Thanks for the sub!
Your video is a lifesaver. Best tutorial video on TH-cam.
Thanks You're welcome.
Sir, can you make the tutorial on push notification using firebase messaging? How to save fcm token in database and most important thing how we trigger automatic notification for example admin add some products it automatically push notification to user about adding product ❤. 😊
OK I'll try to make a video on this subject.
@@m_hussain_mustafa Thank you sir. I will wait.
Awesome explanations!. I'm just starting with frameworks and I like Flutter more than React. What do you suggest me to go with? I'm confused what the industry actually needs(Flutter vs React)
Flutter and React Native both are excellent choice. However, there are more React developers jobs in the market.
can you please upload fb login integration with firebase using flutter?
it would be very helpfull for me can you upload more flutter related videos because you are explaining very clear and neat
Awesome
Thank you. I’ll try doing a video on fb login using Firebase.
Thank you for this awesome tutorial.
You're very welcome 🙏
my build doesnt have an app folder
edit: youre supposed to run it on an android first haha. i used an emulator and tried it on my android phone too.
the android googel authworked for me.
i havent tried the ios since i dont think i have an ios simulator.
gonna try it!
Awesome to hear you figured it out. :)
@@m_hussain_mustafa thank you ive been watching your videos and they help a lot
the numbers in the beginning where do i get it, it gives me error on the firebase_auth
What number are you referring to?
flutterfire configure line is not working with me what do i do?
Hi, what error are you experiencing?
Hello! Thanks for the tutorial, very easy to follow along and understand! But I get this error when trying out the app in my own phone.
Unable to process request due to missing initial state. This may happen if browser sessionStorage is inaccessible or accidentally cleared. Some specific scenarios are - 1) Using IDP-Initiated SAML SSO. 2) Using signInWithRedirect in a storage-partitioned browser environment.
I have Firefox as the default browser. I have noticed it doesn't happen when using Brave or Chrome. I suppose is has to do with Firefox privacy configurations, but is there a way to sign in that doesn't make this error show up?
Hi,
This tutorial focuses its instructions specifically for iOS and Android I believe web apps might require additional configuration not mentioned in this tutorial.
The Google login works well, but if i sign out and re login - the app doesn´t ask me to choose an google account. It automatically logs me in with the one i was logged in before.
Is this behaviour correct or is it bug?
Hi, that is the intended behavior.
Does this work without the phone emulator? Like in the chrome?
I think it will work but it'll require some more configuration.
getting this error
Error: UnimplementedError: signInWithProvider() is not implemented
Hey, is there a solution yet?
I have a problem. I will not be forwarded to the registration even though I did the same as in the video.... Did you have this problem?
Hi,
I believe the registration logic is a bit different then signing in the code might have to be modified a bit.
Hello, is there a token duration after logging in with Google? If we are performing a read operation with an authenticated user, should we perform a background process like token renewal after this login process.
I believe firebase does this automatically all you have to worry about is making sure the user is authenticated.
Awesome tutorial as always keep making these great videos.
Thank you very much.
Great tutorial sir ❤
Can you please make a app for language translator for different languages?? Sir
Please sir
Love your content ❤
Hi, Thank you for your comment. I already have a video on this topic: th-cam.com/video/ltOGmtSuN6w/w-d-xo.html
Thank you Hussain, its really helpful. With love from IDN
Thank you 😊
why user.displayName is null
Thank you so much the 12:07 is what i need to solve when i cannot find my SHA1
You're welcome 😊
It worked the first time, but now it just crashes everytime I click signup
It's work!, thank you, next, sign in/up with facebook please
Great 👍. It's in the works.
@@m_hussain_mustafa ops, sorry,, typo, it works! I've been following your video lessons on udemy too, and they have been incredibly helpful for me, Thank you for sharing your expertise and making the learning process enjoyable.🙂
you only the people who let me succeed implement with iOS
Awesome to hear that.
thank u man, this is just awesomely helpful for real
Glad it helped!
how to access display name and birth date , display name property give me null value
Hi,
I believe the display name and other properties should be available on the authenticated user object instance provided by the firebase auth plugin.
Can we have the log out page on another dart file? the issue with the current one is everything is 1 dart file.
Yes you can put the logout functionality anywhere you’d like. This was just for tutorial purposes.
iam trying to run keytool -printcert -jarfile app.apk command but getting error :'keytool' is not recognized as an internal or external command,
what should i do ?
You need to ensure you have the android sdk and ndk correctly setup and installed on your system.
Many thanks! Absolutely brilliant explanation!
Thankbl you
Awesome ,Did you make Flutter Facebook Sign in Using Firsebase ? for Android and IOS ?
Hi, I haven't made a tutorial on that yet. It still is in the works.
AWESOME and Thankyou!
Youre welcome
what about i want to know if google login is work on release mode. I need to change sha1 to the one that i already upload to google play store?
If the sha1 changes then I believe yes you have to.
@@m_hussain_mustafa and another question. the command keytool -printcert -jarfile app-debug.apk it print Not a signed jar file
Thank You very much! : D
You're welcome
As always very good than others
Thank you. I appreciate your support.
great tutorial ! Thank you sir
You’re welcome ☺️
Woww. Best one
Thanks 😊
One last question. When I clcik Sign in button, it opens and closes a window and keep stuck in button loginscreen. I have updated the hashes as you explained but I dont know where to go.
E/FirebaseAuth(21430): [GetAuthDomainTask] Error getting project config. Failed with INVALID_CERT_HASH 400
E/flutter (21430): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: [firebase_auth/invalid-cert-hash] There was an error while trying to get your package certificate hash.
E/flutter (21430): #0 FirebaseAuthHostApi.signInWithProvider (package:firebase_auth_platform_interface/src/pigeon/messages.pigeon.dart:1190:7)
E/flutter (21430):
E/flutter (21430): #1 MethodChannelFirebaseAuth.signInWithProvider (package:firebase_auth_platform_interface/src/method_channel/method_channel_firebase_auth.dart:376:22)
E/flutter (21430):
E/flutter (21430): #2 FirebaseAuth.signInWithProvider (package:firebase_auth/src/firebase_auth.dart:648:9)
E/flutter (21430):
E/flutter (21430):
Any tips on how to solve it? Thanks for the amazing work
thank you so much bro you just ended the war between me and my app!!!😫😫
You're welcome 😊
Best tutorial 👍
Your welcome 🙏
real solution!!!
Awesome :)
Excellent video, solve my problem!!! Congrats!
Glad it helped!
You talk a little too much
Hahaha 😆 I'll take this as a positive thing. Cheers. Thanks.
capoooo
You're welcome
great video! the re-run flutterfire configure advice saved my life! 🥳
Thanks. Great to hear that.
I like it, very well explain it's great
Thank you very much.
Ngl you saved my whole project
Woohoo! Great to hear that.
you were erasing my homepage and default increment screen, i just want to bring it to your attention that you can actually create an empty flutter project with the -e flag
Thank you for the useful tip, much appreciated.
Appreciated 💣
Thanks 😊
Thanks!
Thank you for your support.
worked❣
Awesome :)
Commercial guy, Asking people to pay when clicked his source code link. You should highlight that it is a paid link
Hi, the source code for this video is completely FREE. All you have to do is provide your email and it's delivered in your inbox.
this video could be 4 minutes long and its clearly says google sign it not firebase setup bro nobody likes long intro just give the code and we are done
Brother if you are in a hurry does not mean everybody else is as well. I have to cater to all peoples beginners, intermediate and advanced. What works for you might not work for them. If you just need code better off googling and copy pasting.
@@m_hussain_mustafathank you very much for making a detailed video really appreciate it
@@shuaibalghazali3405 you’re welcome ☺️