Flutter Tutorial - Google SignIn With Firebase Auth - Android, iOS, Flutter Web

Sdílet
Vložit
  • čas přidán 7. 09. 2024

Komentáře • 345

  • @HeyFlutter
    @HeyFlutter  Před 2 lety +2

    👉Join 12 Week Flutter Training: heyflutter.com
    👉Join the WhatsApp Channel to get the latest news about Flutter & HeyFlutter: whatsapp.com/channel/0029VaDNCZtC1Fu8nL2vmw3f
    Source Code: github.com/JohannesMilke/google_signin_ii_example
    Google SignIn WITHOUT Firebase Tutorial: czcams.com/video/E5WgU6ERZzA/video.html
    Setup Firebase For Android Tutorial: czcams.com/video/CpyALC8Zpxo/video.html
    Setup Firebase For iOS Tutorial: czcams.com/video/yj4vaz2rxC0/video.html
    Setup Firebase For Flutter Web Tutorial: czcams.com/video/Z0jFkP0A3B0/video.html
    SQFlite SQL Database Tutorial: czcams.com/video/UpKrhZ0Hppk/video.html
    Hive NoSQL Database Tutorial: czcams.com/video/w8cZKm9s228/video.html
    Firebase CRUD Tutorial: czcams.com/video/EV2DyrKOqrY/video.html
    Deploy Flutter Web App With Firebase Hosting Tutorial: czcams.com/video/xJo7Mqse960/video.html
    Upload Files To Firebase Storage Tutorial: czcams.com/video/dmZ9Tg9k13U/video.html
    Download Files From Firebase Storage Tutorial: czcams.com/video/YA_fHCF_EYc/video.html
    Setup Firebase Functions Tutorial: czcams.com/video/7UcM6Y12LEk/video.html
    Build Flutter Chat App With Firebase Tutorial: czcams.com/video/wHIcJDQbBFs/video.html
    Compress Video Tutorial: czcams.com/video/JUeWeZXn71M/video.html
    Fix Bottom Overflowed By Pixels Tutorial: czcams.com/video/voARoVV_EDI/video.html

  • @anshumanmahapatra2647
    @anshumanmahapatra2647 Před 3 lety +3

    Your tutorials are like a bottle of water in a vast desert. They always save me. I really thank you from the bottom of my heart.

  • @umarfarooq-1042
    @umarfarooq-1042 Před 2 lety +5

    What a content Johannes. Really Impressive. I really liked the way you explained and make fake mistakes and correct them so others can't do it. Love your teaching. Most Underrated developer channel I have ever seen. Keep up the hard work. Love from Pakistan. ❤️

  • @mohdarifbinhussin9462
    @mohdarifbinhussin9462 Před 3 lety +8

    Awesome tutorial. Straight to the point, well edited.

  • @boku00
    @boku00 Před 2 lety +4

    What an amazing video. So comprehensive! You are a pro teacher.

  • @hrithikmishra1093
    @hrithikmishra1093 Před 3 lety +1

    the only channel that helps me get all the work done

    • @hrithikmishra1093
      @hrithikmishra1093 Před 3 lety

      @@HeyFlutter I have done everything mentioned in the video correctly, but oddly, the hot reload and hot restart functionality is not working! Any Idea why would this happen?

    • @hrithikmishra1093
      @hrithikmishra1093 Před 3 lety

      @@HeyFlutter nevermind it got resolved by switching to Android studio. Weird but works

  • @aneesurrehman4929
    @aneesurrehman4929 Před 3 lety

    Thanks alot buddy I've successfully registered through Google sign in. Thumbs up for your work 👍👍👍

  • @zakariahouache5442
    @zakariahouache5442 Před 2 lety +1

    Thank you Professor I need to register with Facebook..

  • @HandsOnKnowledge
    @HandsOnKnowledge Před 3 lety +1

    Amazing video as always, got it to work on my app. Thank you Johannes :)

  • @atultiwari7361
    @atultiwari7361 Před 3 lety

    i found this video today, you make this video simple and your explaning are outstanding thankyou for providing this type of content

  • @googuu99
    @googuu99 Před rokem

    This video is the best guide to implement social auth using firebase. Thanks man😎

    • @HeyFlutter
      @HeyFlutter  Před rokem +1

      Glad to hear that, Thank you 코인 벌자! 😊

  • @chinmayrele7940
    @chinmayrele7940 Před 3 lety +1

    Amazing video. Explained in short time and perfectly. Video was of great help. Thanks!!!

  • @danteblack8316
    @danteblack8316 Před 3 lety +2

    Great! Thanks for this video. It's very helpful. Keep up the good work, men)

  • @ITSMRKZONE
    @ITSMRKZONE Před 2 lety +1

    The copied code and run in terminal says keytool is not recognized as an internal or external command ??

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You Pyrrhic! Follow this link: codewithandrea.com/articles/keytool-command-not-found-how-to-fix-windows-macos/
      I hope you will get your answer 🙂

  • @arjunmuralikrishna7268

    You're the best reference for flutter developers. Thanks a lot !!

  • @Saur3n
    @Saur3n Před 2 lety +1

    hey Johannes , I'm facing an issue like account gets signed in but when i click sign in with google it doesnt go to next page!!!!!!

  • @sudhanshushaurya4115
    @sudhanshushaurya4115 Před 3 lety +2

    Nice video but it would be great if you make video to how to link other auth method like how to link user mobile no with this gmail and also fb login plus email signin so that any user can login with gmail id or mobile no. With password they had created thanks😁

  • @AmBigRyan
    @AmBigRyan Před 3 lety +1

    Hello Johannes, would you please do a online audio player tutorial. Thank you for your tutorial they are really educative.

  • @mr-csce5484
    @mr-csce5484 Před 2 lety +1

    This tutorial is perfect for me. Thanks a lot!

  • @jeugenejohn4636
    @jeugenejohn4636 Před 2 lety +1

    Really informative. Simple and precise.

  • @animalmaster6992
    @animalmaster6992 Před 2 lety

    Thank you very much! Can't even express how much this helped me.

  • @sachinsolanki1073
    @sachinsolanki1073 Před 2 lety

    Thank you so much and love you bro. Feeling like gotcha solution after decades ❤️

  • @japsimransingh9933
    @japsimransingh9933 Před 3 lety

    Liked the video before watching it.

  • @mshakir7120
    @mshakir7120 Před rokem

    Thank you so much, Johannes,for making this video.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      You’re most welcome, M shakir! 🙂

  • @sheetalverma181
    @sheetalverma181 Před 2 lety

    Finally i learned how to use Google authentication
    Thanku 🙂

  • @akhilps9626
    @akhilps9626 Před 3 lety +1

    the source code is not free :(...

  • @Ali-cb3xt
    @Ali-cb3xt Před 3 lety +1

    Thanks, please do apple sign in also

  • @ramonx.n9633
    @ramonx.n9633 Před 2 lety

    Wow this is impressionant video!
    thank's for your contents! Very good!

  • @ayushvarma9657
    @ayushvarma9657 Před 3 lety +1

    On selecting the google account, it doesn't direct me to the logged-in page. I've rechecked the SHA values as well.

    • @ayushvarma9657
      @ayushvarma9657 Před 3 lety

      @@HeyFlutter is there any email/place where I could send you the log of the error?

    • @7anv1r71
      @7anv1r71 Před 3 lety +1

      @Ayush Varma Same problem. did you find any solution? it did not navigate the logged in screen if user logged in.

    • @vaibhavgoel5178
      @vaibhavgoel5178 Před 3 lety

      @@ayushvarma9657 You can copy the log in pastebin and then attach it's link in reply

  • @RajA-me9cl
    @RajA-me9cl Před 2 lety

    Johan, best in the business.

  • @sagarshan1306
    @sagarshan1306 Před 3 lety +11

    Awsm! How did you become professional flutter developer? tips required :-)

    • @shanmugapriyam8771
      @shanmugapriyam8771 Před 2 lety

      @@HeyFlutterI am going to follow your words😁✨

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thanks, Sagar S! 🙂 Simply learn continously Flutter every single day and make sure that you learn more about Flutter than everyone around you :)

  • @elmagnificent8550
    @elmagnificent8550 Před 3 lety +3

    Just wish the source code was free...
    now we have to pay :/

    • @bortvern
      @bortvern Před 2 lety

      @@HeyFlutter This should be more prominently disclosed.

  • @rog0079
    @rog0079 Před 2 lety

    Absolutely mind blowing, one question, is this firebase stream builder method of retaining user info even if we close the app better than using shared preferences?

  • @wilfredomartel7781
    @wilfredomartel7781 Před 2 lety +1

    There is a small problem when you release the app. After installing on phone and you try to sigin appears a message like this: " invalid hash for..."

  • @aL3kseY
    @aL3kseY Před rokem

    Could you please make a Video that combines Google and Apple SignIn.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thanks for the idea, Alex Schneider! 🙂 I have added it to my list of ideas for future videos!

  • @emilioah
    @emilioah Před 2 lety

    this error is about google cloud plataform???

  • @ghaithsy6557
    @ghaithsy6557 Před 2 lety

    thanks Man...
    but please check the following : whenever I press request button for your source code nothing shown !..only blank bage !!

  • @lukfiputraa
    @lukfiputraa Před 2 lety

    your tutorial save my day , thank you :)

  • @ahmedjawad7350
    @ahmedjawad7350 Před 2 lety

    Thanks Jo. for that help.
    How to use firebase sms otp pls.?

  • @janammaharjan2699
    @janammaharjan2699 Před 3 lety

    wow this is a great video. thank you very much . wish you could upload with signin with facebook together with signin with google and email .

  • @LuminousAsianBeauties
    @LuminousAsianBeauties Před 3 lety

    amazing.thanks for your video. very simple and useful.

  • @kengkajorn
    @kengkajorn Před 3 lety

    I can't access the Homepage, I added SHA-1 and SHA-256.
    then please help me

  • @lokeshvaishnav7989
    @lokeshvaishnav7989 Před 2 lety

    I'm not supposed to type key password in terminal

  • @ArabCodeAcademy-01
    @ArabCodeAcademy-01 Před 2 lety

    please , do i sign without statmangment

  • @deepakkishores5898
    @deepakkishores5898 Před 3 lety

    Awesome!!!, Very useful video, Liked and subscribed

  • @glendaleYT
    @glendaleYT Před 2 lety

    I have problems with the keytool, i keep getting cannot be recognized in my terminal. Help! :(

  • @manishmg3994
    @manishmg3994 Před 2 lety

    Please help me out,in my firebase phone auth project it shows an error while registing new user it says 'missing-client-identifier'

  • @ahmedjawad7350
    @ahmedjawad7350 Před 2 lety

    please Joh. how to sign in with apple id? if you have a video pls advice:)

  • @abdulazizaboujib5590
    @abdulazizaboujib5590 Před 3 lety +1

    Thanks for the great content again 😄

    • @abdulazizaboujib5590
      @abdulazizaboujib5590 Před 3 lety

      @@HeyFlutter i believe that i saw in one of your videos in the logout method you added "clear user" and said its important , is it not required for google logout ? I forgot what tutorial was it 🙈

  • @thihathantsin1934
    @thihathantsin1934 Před 2 lety

    Hay John, can u also make a video about Facebook Login with Flutter coz I really like your explanation 🙂

  • @vishnur2433
    @vishnur2433 Před 3 lety

    Can you create new email sign in video.., your old video not working properly..

  • @rahulagarwal968
    @rahulagarwal968 Před 3 lety +1

    How to get documentID in Firestore 2.0 ? Can you please make a video on Firestore 2.0 new changes.

    • @rahulagarwal968
      @rahulagarwal968 Před 3 lety

      @@HeyFlutter Thanks a lot. I was having trouble getting the ID !

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thanks, also Rahul Agarwal! 🙂
      Instead of .documentId now you can simply user .id in order to get document id

  • @brokercl
    @brokercl Před 3 lety

    Great, it finally worked, thank you very much, Johannes, and now to publish the app, it would be my first time

  • @jemmytech5474
    @jemmytech5474 Před 2 lety

    Does ‘Add another account’ work? What if someone doesn’t have Email or haven’t logged in into his email gmail

  • @minhdangle5239
    @minhdangle5239 Před 2 lety

    Dear, how about user choose option that sign in with google account but then press back button? how to handle that case sir

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You Minh Dang Le! Follow this link: medium.com/flutter-community/flutter-implementing-google-sign-in-71888bca24ed
      I hope you will get your answer 🙂

  • @development_tutorials
    @development_tutorials Před 3 lety

    Sponsored thanks for your tutorials

  • @sheikshemo6447
    @sheikshemo6447 Před 3 lety +2

    Very useful video Milke, I am waiting for next tutorial for authentication in firebase by using phone ,Pls try to make it ASAP it would be useful and THANKYOU Milke:-)

  • @UniformDelta00
    @UniformDelta00 Před rokem

    keytool asks for password, and then throws IOException, what a pain ! Other solutions ask for a gradle build, but android studio cant resolves some libraries whereas the app starts flawlessly... I dont understand

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank you @arnaudleveque1754, make sure to follow the tutorial step by step 🙂

  • @vicsystems
    @vicsystems Před 2 lety

    You are very professional.

  • @teobellverwhite3562
    @teobellverwhite3562 Před 3 lety

    hi, it says that my sha256 is weak, and its only 11 letters long, any idea why?

  • @gbarago8852
    @gbarago8852 Před rokem

    Thanks a lot for this ...was easy and fast

    • @HeyFlutter
      @HeyFlutter  Před rokem

      You’re most welcome, Gbarago! 🙂

  • @isra0639
    @isra0639 Před 3 lety

    It's a great tutorial, excellent video
    Could you help me with this error?
    Another exception was thrown: Error: Could not find the correct Provider above this LoggedPage Widget
    I followed the video step by step
    I tried to resolve it, but i still don´t get what´s wrong

  • @ashishranjan7586
    @ashishranjan7586 Před 2 lety

    hi ..actually i have a question...suppose i have two buttons one for signup and signin...and i waanna show a message like account doesnt exist if they are signing up for the first...and similary..if they have signed up and again trying to do that then i will say..already have an account..how i can do this
    ?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety +1

      Thank You ashish ranjan! Follow this link: stackoverflow.com/questions/51652134/check-if-an-email-already-exists-in-firebase-auth-in-flutter-app
      I hope you will get your answer 🙂

  • @heffrondrive71
    @heffrondrive71 Před 2 lety

    Hi, when I run the app when and try to login it works but I think it takes too long (4 minutes) but when I already log in a can logout and login with other credentials instantly... Is that normal? Or it's because the app is in debug mode?
    Thanks

  • @danielcarvalhogoldoni3688

    Nice video , greeting from Brazil. :)

  • @SupunAyeshmantha
    @SupunAyeshmantha Před 2 lety

    Thanks mate , Deserve a subcription

  • @giancristian2265
    @giancristian2265 Před 3 lety

    awesome video...congrats, great lesson!!!

  • @emilioah
    @emilioah Před 2 lety

    i got this error, can you help me please!!

  • @AkanNota
    @AkanNota Před rokem

    Hey, Thanks for that video. I have a question. Logging in and out very slow on virtual phone but everything normal on phisical device. I must wait 1-2 min for reaction virtual phone and I getting this error
    "Ignoring header X-Firebase-Locale because its value was null."
    How can I fix that problem? Thanks again 😊

    • @AkanNota
      @AkanNota Před rokem +1

      I starting to use diffrent virtual box and fixed.

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Great, Akan Nota - Kolay Nota! 🙂👍

    • @AkanNota
      @AkanNota Před rokem

      They are fix that issue. So just update for fix this issue :)

  • @SumanBaul
    @SumanBaul Před 2 lety

    Thanks a lot for this tutorial!

  • @bishalhazarika135
    @bishalhazarika135 Před 3 lety

    when i paste the keytool code in cmd it says keytool is not recognised.

  • @faisalfotoh1909
    @faisalfotoh1909 Před 3 lety +1

    Thank you very much for your valuable efforts
    I hope to find an answer to my question
    Is there an add-on to help display statistics?
    The total of those who registered in the application
    How can the owner of the application or the participants in the application know the number of registered users?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You faisal fotoh! Follow this link: stackoverflow.com/questions/53373930/flutter-get-all-registered-firebase-users?noredirect=1&lq=1
      I hope you will get your answer 🙂

  • @jeffreylim5920
    @jeffreylim5920 Před rokem

    13:59 We learned that we should place instance of stream rather than method. Should we change the line 'stream: FirebaseAuth.instance.authStateChanges()' ?

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank You Jeffrey Lim! Follow this link: stackoverflow.com/questions/64520543/struggling-with-authstatechanges-in-flutter
      I hope you will get your answer 🙂

    • @jeffreylim5920
      @jeffreylim5920 Před rokem

      @@HeyFlutter So, you're saying if we want to maintain the login even after we close the app, we should use 'stream: FirebaseAuth.instance.authStateChanges()'?

  • @hashankannangara8723
    @hashankannangara8723 Před 3 lety

    Very useful video 🤩 Thanks !

  • @kurtgidley9464
    @kurtgidley9464 Před 3 lety

    Sir, I'm getting this error: Did not find measurement config or missing version info. appId:

  • @marcosgianetti6165
    @marcosgianetti6165 Před 3 lety +2

    Excelente vídeo, me ajudou muito, ótimo conteúdo!!

  • @GET_1T_D0NE
    @GET_1T_D0NE Před 3 lety +1

    make vedio on stripe payment

    • @GET_1T_D0NE
      @GET_1T_D0NE Před 3 lety

      @@HeyFlutter then please try to tell about stripe payment without using firebase for taking intent... because many video on CZcams have same idea of using firebase for stripe payment which need firebase function that need billing now

  • @jeffreylim5920
    @jeffreylim5920 Před 2 lety

    6:52 what is this feature playing the app as video called? It's really informative!

  • @Vikkybliz
    @Vikkybliz Před 3 lety

    Great video here Milke..I have a problem though.
    Mine is not navigating to the next page after login

  • @ravied
    @ravied Před 2 lety

    love it.
    i have problem phone authentication in web in firebase ?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Hello, Ravi Ed! Follow this link: medium.com/codechai/firebase-user-authentication-using-phone-verification-in-flutter-c34dc0f7a9f8
      I hope it will solve your problem. Thank You 🙂

    • @ravied
      @ravied Před 2 lety

      @@HeyFlutter not work. i mean how to implement phone authentication web application in flutter

  • @mateuszperyt7998
    @mateuszperyt7998 Před 2 lety

    I have an issue regarding a grey screen popping up on a particular part of my application. More specifically, the app works on every screen (testing on a physical iPhone device + Android simulator) except when pressing the 'Register' option. This means that there must be an issue arousing within the body of the register section, but the problem is that no grey screens appear on certain devices (Nexus 5X, iPhone XS Max) but it shows up on an iPhone 11. Any ideas?

  • @koukssgirl5280
    @koukssgirl5280 Před 2 lety

    when i request having access to your code it takes me to an empty page ... is there another way to have access to this ?

  • @gael9217
    @gael9217 Před 2 lety

    Hi, how can I save the new user in a firestore collection?

  • @VIBOLVlogger
    @VIBOLVlogger Před 2 lety

    how about for IOS? on flutter

  • @HarryPotter-bd2qb
    @HarryPotter-bd2qb Před 2 lety

    Here before you get a millions subs

  • @AliSaeed
    @AliSaeed Před rokem

    is it necessary to have play store installed on the emulator before using the google sign in?

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Yes, @AliSaeed 🙂 it is necessary to have the Google Play Store installed on the emulator to use the Google Sign-In functionality in your app. This is because the Google Sign-In API requires the Google Play Services framework, which is only available on devices that have the Google Play Store installed.

  • @Iamayan_30.
    @Iamayan_30. Před rokem

    i am unable to download code

  • @makemypetgamedevprocess6475

    Thanks for this great tutorials, keep it up Johannas 💪

  • @madesetiawan
    @madesetiawan Před 3 lety +1

    Thanks for your tutorial.
    It's a great tutorial 👍🙏

  • @SirChatur
    @SirChatur Před 3 lety +1

    Can u tell me - if I re-start the app then do I have to re login or it will skip the login screen as I was logged in before

    • @SirChatur
      @SirChatur Před 3 lety

      @@HeyFlutter thnku brother

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thanks, also Sir Chatur! 🙂
      You need to keep a check when your app starts. you can simply check currentUser parameter of FirebaseAuth class to verify whether user is logged in or not

  • @yudhayasa4972
    @yudhayasa4972 Před 2 lety

    can anyone solve this problem
    W/System: Ignoring header X-Firebase-Locale because its value was null

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You Yudha Yasa! Follow this link: stackoverflow.com/questions/64727665/w-system-ignoring-header-x-firebase-locale-because-its-value-was-null
      I hope you will get your answer 🙂

  • @dogoclipch.6597
    @dogoclipch.6597 Před 3 lety

    Hi Sir, I would like to ask is it possible to change the project name that shows during google sign in?
    What I mean is change 'Choose an account to continue to google_signin_ii_example' to Choose an account to continue to MyProjectName'

  • @meenuestic
    @meenuestic Před 2 lety

    i am having a error in streambuilder builder first curly bracket it's saying "The body might complete normally, causing 'null' to be returned, but the return type, 'Widget', is a potentially non-nullable type.
    Try adding either a return or a throw statement at the end. " please please please tell me what should i do

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank You meenuestic! Follow this link: stackoverflow.com/questions/68119285/the-body-might-complete-normally-causing-null-to-be-returned-but-the-return
      I hope you will get your answer 🙂

  • @abdelrahmanoraby-gm5cy
    @abdelrahmanoraby-gm5cy Před měsícem

    why you make GoogleSignInProvider in a provider ?? .... i can make it just a method in file >> FirebaseAuthServices

    • @HeyFlutter
      @HeyFlutter  Před měsícem

      Thank you, @abdelrahmanoraby-gm5cy! 🙂. To manage state efficiently.

  • @satpaljangir4979
    @satpaljangir4979 Před rokem

    type 'GoogleSignInUserData' is not a subtype of type 'int' gettting this error

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank you @satpaljangir4979, make sure to follow the tutorial step by step 🙂

  • @percynguni8254
    @percynguni8254 Před 2 lety

    Hey Johannes, loving your videos. They're awesome. I wanted to know how i can save the Firstname and Lastname of a user to firestore collection separately after signing with google auth. Is there a way ?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety

      Thank you 😊, Percy Ng'uni! Check out this video to store data on firestore : czcams.com/video/G4INTsatBew/video.html

  • @AliSaeed
    @AliSaeed Před rokem

    My logout text button doesnot show up on appbar

    • @HeyFlutter
      @HeyFlutter  Před rokem

      Thank you, Ali Saeed! 🙂. Try to provide enough details with your question whenever you face any issue.

  • @markusschotti3412
    @markusschotti3412 Před rokem +1

    Thanks 👍

    • @HeyFlutter
      @HeyFlutter  Před rokem

      You are welcome, @markusschotti3412 😊

  • @nodirectionvlogs7237
    @nodirectionvlogs7237 Před 2 lety

    i hv created email verification sir i want to implement this in same so jst have doubt i have to create app again i have done all like sha key and google service json i have jst want to ask i have to doagain?

    • @HeyFlutter
      @HeyFlutter  Před 2 lety +1

      Thank you, NO DIRECTION VLOGS! 🙂. No you don't need to do it again if sha and google service is already added.

    • @nodirectionvlogs7237
      @nodirectionvlogs7237 Před 2 lety

      @@HeyFlutter thnku so much sir

  • @brokercl
    @brokercl Před 3 lety

    minute 8:50 sdk: ">=2.12.0