Flutter Google Sign In using Firebase | Flutter Firebase Auth Tutorial iOS, Android

Подписаться 8 тыс.

Просмотров 26 тыс.

50% 1

💼 Book a meeting: cutt.ly/gwmvJbPQ
💎 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/packages/firebase_core
Firebase Auth: pub.dev/packages/firebase_auth
Socials:
Website: hussainmustafa.com
Github: github.com/hussain-mustafa990
LinkedIn: / hussain-mustafa-960920184
Twitter: / hussain34274892
Buy Me A Coffee: www.buymeacoffee.com/hussainm...
#flutter #firebasetutorial #firebaseauth #firebaseauthentication

Наука

Опубликовано:

18 окт 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 98

@isyrafismail7801 8 месяцев назад

Love it when you do the code with the explanation even on the simple thing so newbie like me can be more understand. Subscribed!

@m_hussain_mustafa 8 месяцев назад

Thanks for the sub!

@utpalgaurav14 4 месяца назад

Your video is a lifesaver. Best tutorial video on RU-vid.

@m_hussain_mustafa 4 месяца назад

Thanks You're welcome.

@ketokun Месяц назад

Many thanks! Absolutely brilliant explanation!

@m_hussain_mustafa Месяц назад

Thankbl you

@zhenghaizhou6085 5 месяцев назад

great video! the re-run flutterfire configure advice saved my life! 🥳

@m_hussain_mustafa 5 месяцев назад

Thanks. Great to hear that.

@preneure 8 месяцев назад

Awesome tutorial as always keep making these great videos.

@m_hussain_mustafa 8 месяцев назад

Thank you very much.

@moneyman-ne9lw 8 месяцев назад

Thank you for this awesome tutorial.

@m_hussain_mustafa 8 месяцев назад

You're very welcome 🙏

@daquere 5 месяцев назад

Excellent video, solve my problem!!! Congrats!

@m_hussain_mustafa 5 месяцев назад

Glad it helped!

@azizrajpoot999 13 дней назад

Appreciated 💣

@m_hussain_mustafa 13 дней назад

Thanks 😊

@Almita-ql1gt 5 месяцев назад

Ngl you saved my whole project

@m_hussain_mustafa 5 месяцев назад

Woohoo! Great to hear that.

@uvinuthsara3710 2 месяца назад

Thank You very much! : D

@m_hussain_mustafa 2 месяца назад

You're welcome

@kairatkubat8877 8 месяцев назад

great tutorial ! Thank you sir

@m_hussain_mustafa 8 месяцев назад

You’re welcome ☺️

@RonyHassan47 8 месяцев назад

As always very good than others

@m_hussain_mustafa 8 месяцев назад

Thank you. I appreciate your support.

@lequoctam 8 дней назад

Thank you so much the 12:07 is what i need to solve when i cannot find my SHA1

@m_hussain_mustafa 8 дней назад

You're welcome 😊

@hashemsughair1215 4 месяца назад

goat cotent keep up the good work ,btw liked and subscribed

@m_hussain_mustafa 4 месяца назад

Thank you very much.

@ArjunAR06 8 месяцев назад

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)

@m_hussain_mustafa 8 месяцев назад

Flutter and React Native both are excellent choice. However, there are more React developers jobs in the market.

@gunasheelan4130 7 месяцев назад

thank you so much bro you just ended the war between me and my app!!!😫😫

@m_hussain_mustafa 7 месяцев назад

You're welcome 😊

@AlfaSanga 7 месяцев назад

Best tutorial 👍

@m_hussain_mustafa 7 месяцев назад

Your welcome 🙏

@amadousow8048 7 месяцев назад

I like it, very well explain it's great

@m_hussain_mustafa 7 месяцев назад

Thank you very much.

@manoarjun1265 Месяц назад

worked❣

@m_hussain_mustafa Месяц назад

Awesome :)

@koadhiow 8 месяцев назад

It's work!, thank you, next, sign in/up with facebook please

@m_hussain_mustafa 8 месяцев назад

Great 👍. It's in the works.

@koadhiow 8 месяцев назад

@@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.🙂

@nexonmusicfeels6910 8 месяцев назад

Great tutorial sir ❤ Can you please make a app for language translator for different languages?? Sir Please sir Love your content ❤

@m_hussain_mustafa 8 месяцев назад

Hi, Thank you for your comment. I already have a video on this topic: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ltOGmtSuN6w.html

@zhenghaizhou6085 5 месяцев назад

Thanks!

@m_hussain_mustafa 5 месяцев назад

Thank you for your support.

@user-mq6vy5mh1c 8 месяцев назад

Woww. Best one

@m_hussain_mustafa 8 месяцев назад

Thanks 😊

@hah407 9 дней назад

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!

@m_hussain_mustafa 7 дней назад

Awesome to hear you figured it out. :)

@user-no3vb5ob5s 8 месяцев назад

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

@m_hussain_mustafa 8 месяцев назад

Thank you. I’ll try doing a video on fb login using Firebase.

@gouthamkrishna6922 5 месяцев назад

It worked the first time, but now it just crashes everytime I click signup

@hendan 4 месяца назад

you only the people who let me succeed implement with iOS

@m_hussain_mustafa 4 месяца назад

Awesome to hear that.

@rafaymushtaq2316 8 месяцев назад

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 ❤. 😊

@m_hussain_mustafa 8 месяцев назад

OK I'll try to make a video on this subject.

@rafaymushtaq2316 8 месяцев назад

@@m_hussain_mustafa Thank you sir. I will wait.

@vickymoreno3977 4 месяца назад

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?

@m_hussain_mustafa 4 месяца назад

Hi, This tutorial focuses its instructions specifically for iOS and Android I believe web apps might require additional configuration not mentioned in this tutorial.

@greetingsfromnow 6 месяцев назад

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.

@m_hussain_mustafa 6 месяцев назад

I believe firebase does this automatically all you have to worry about is making sure the user is authenticated.

@WE-vd8ux 28 дней назад

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?

@m_hussain_mustafa 28 дней назад

Hi, that is the intended behavior.

@kawesu8781 7 месяцев назад

Can we have the log out page on another dart file? the issue with the current one is everything is 1 dart file.

@m_hussain_mustafa 7 месяцев назад

Yes you can put the logout functionality anywhere you’d like. This was just for tutorial purposes.

@CapWuzza 5 месяцев назад

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?

@m_hussain_mustafa 5 месяцев назад

Hi, I believe the registration logic is a bit different then signing in the code might have to be modified a bit.

@GodFlame326 2 месяца назад

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

@ammarbhatkar_0846 7 месяцев назад

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 ?

@m_hussain_mustafa 7 месяцев назад

You need to ensure you have the android sdk and ndk correctly setup and installed on your system.

@jaturon2746 7 месяцев назад

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?

@m_hussain_mustafa 7 месяцев назад

If the sha1 changes then I believe yes you have to.

@jaturon2746 7 месяцев назад

@@m_hussain_mustafa and another question. the command keytool -printcert -jarfile app-debug.apk it print Not a signed jar file

@mozun7926 3 месяца назад

the numbers in the beginning where do i get it, it gives me error on the firebase_auth

@m_hussain_mustafa 3 месяца назад

What number are you referring to?

@sulemanali8542 7 месяцев назад

Awesome ,Did you make Flutter Facebook Sign in Using Firsebase ? for Android and IOS ?

@m_hussain_mustafa 7 месяцев назад

Hi, I haven't made a tutorial on that yet. It still is in the works.

@GodFlame326 2 месяца назад

Does this work without the phone emulator? Like in the chrome?

@m_hussain_mustafa 2 месяца назад

I think it will work but it'll require some more configuration.

@ummii4804 7 месяцев назад

getting this error Error: UnimplementedError: signInWithProvider() is not implemented

@princzesbarnabas 4 месяца назад

Hey, is there a solution yet?

@shahfahadafridi619 6 месяцев назад

why user.displayName is null

@mozun7926 3 месяца назад

flutterfire configure line is not working with me what do i do?

@m_hussain_mustafa 3 месяца назад

Hi, what error are you experiencing?

@LUCIFERMORNINGSTAR-pz2zc 2 месяца назад

how to access display name and birth date , display name property give me null value

@m_hussain_mustafa 2 месяца назад

Hi, I believe the display name and other properties should be available on the authenticated user object instance provided by the firebase auth plugin.

@AnkushChoudhary-gv3no Месяц назад

emulator ma run ku ne hota ye phone ma ho jata but ye emulator ma ku nahi any one help

@Cachenboy 2 месяца назад

capoooo

@m_hussain_mustafa Месяц назад

You're welcome

@collinsolokpedje6818 6 месяцев назад

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

@m_hussain_mustafa 6 месяцев назад

Thank you for the useful tip, much appreciated.

@kodeshower Месяц назад

You talk a little too much

@m_hussain_mustafa Месяц назад

Hahaha 😆 I'll take this as a positive thing. Cheers. Thanks.

@AliMsheik-tb7uj 5 месяцев назад

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

@m_hussain_mustafa 5 месяцев назад

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.