Google SignIn with Flutter | Android, iOS and Web tutorial

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

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

50% 1

Learn to add Google Auth inside your Android, iOS and Web application.
In this tutorial, I have explained step by step how to integrate google sign in inside flutter application for all the three major platforms.
Extension for code templates:
marketplace.visualstudio.com/...
Firebase Console:
console.firebase.google.com
Google Cloud Console:
console.cloud.google.com/apis...
Run app on fixed port:
flutter run -d chrome --web-hostname localhost --web-port 5000
0:00 - Introduction
0:36 - Project creation
2:05 - UI Design - login
2:40 - iOS integration
4:35 - google_sign_in package
6:44 - UI Design - profile
14:00 - Android integration
15:48 - Web integration
If you like my work
Buy me coffee on : buymeacoffee.com/afzalali15
Join this channel to get access to perks:
ru-vid.comjoin
Gears ========
Camera 📸 || Canon 250D : amzn.to/34isdKr
Mic 🎤 || Maono AU-04 : amzn.to/341g9wS
#CodeX
Connect with me on social media:
FB: / codexdevs
Twitter: / afzalali15
LinkedIn: / afzalali15
Discord: / discord

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

16 июл 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@akashchekka2557 2 года назад

Best tutorial. You covered everything that is minimal required without messing things with designs and all. Gonna recommend this to my friends. Thanks you!!!

@CodeXdev 2 года назад

Wow, I am glad it helped.

@BernardinD 2 года назад

Thank you sooooooo much!! First CLEAR explanation for Android integration I've seen. Thanks again.

@makemypetgamedevprocess6475 2 года назад

Only video that went straight to the point, thanks buddy!!

@adityapatole9691 3 года назад

You got the timing right for me as i was going to find tutorial on this

@michaelcosby9709 2 года назад

Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?

@rudyfolden585 2 года назад

Great tutorial! I had been unable to Sign In to Google from IOS until I found this tutorial. Most of what I found was for Android and either glossed over IOS or was incorrect, but your tutorial worked! Thank you!

@CodeXdev 2 года назад

Glad it helped! Thank you for the feedback 😍

@faizandarwesh7867 2 года назад

Thanks alot sir ! . Great video and simple and clear explanation as always

@wakeelahmad3206 Год назад

nice job you have define things very clearly .

@vijaysonik 3 года назад

Absolutely stunning and very detailed

@CodeXdev 3 года назад

Thank you! Cheers!

@DevRajat-gk4og 2 года назад

Wow thank you so much sir, this video deserves a like, very well explaination

@rey-karl-studio 2 года назад

Nice video. Very comprehensive and easy to understand tutorial on google sign-in. Thank you very much.

@CodeXdev 2 года назад

Glad it was helpful!

@adityapatole9691 3 года назад

Video Quality is awesome🙌

@michaelcosby9709 2 года назад

Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?

@degroria 3 года назад

Perfect timing

@jeffreymercado1659 10 месяцев назад

You are the best!

@flutterforever3311 3 года назад

Thanks buddy, this is very helpful to me

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

Nice job man😊 Thank you!

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

Thanks for liking 👋

@syedzeerakhussaingillani6019 Год назад

best video for the purpose.

@ahmedtiger3809 3 года назад

god bless you bro you are making nice job keep it up

@CodeXdev 3 года назад

Thank you brother 😎

@siddheshsonawane3849 2 года назад

Great video !!!!

@kamrankhan-is3qi 2 года назад

Hi, You make it so simple .Thanks for providing us a Straight Line solution .I think in flutter web there are not more resources .So please make some tutorial on it .Love from Pakistan to whole CodeX Community .

@yogabayuangganapratama6558 2 года назад

thanks i'll try it

@plosk20 Год назад

Thank you!

@CodeXdev 11 месяцев назад

Welcome!

@emmanuelfongang4913 2 года назад

Thanks !

@muhammedsiyan8323 2 года назад

thanks bro!

@blkumawat8962 3 года назад

So nice so good 👍

@YasinduSamarasinghe Год назад

Good job

@amasparera5516 2 года назад

Yes , easy and simply logic

@CodeXdev 2 года назад

Thank you for the feedback 👍🏼👍🏼

@puneetpal1466 3 года назад

Nice…well explained..🤟🤟

@michaelcosby9709 2 года назад

Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?

@gautampahwa1894 2 года назад

lots of thanks to you

@CodeXdev 2 года назад

Most welcome

@MuhanndAlnjjar 25 дней назад

thank you bor

@siddharthmehra5796 2 года назад

Thank you, just one problem, whenever we cancel the signing prompt without selecting any email/profile, the app crashes or shows an exception. What should I do to handle that exception?

@gairicksaha 3 года назад

Can you please make a tutorial on GetX new Navigator 2.0 in depth?

@poisonels8023 2 года назад

Please we need more videos of you

@mohammadalidodiya2586 2 года назад

I am trying to make the web version of my application available in flutter. In the mobile version, both on android and ios, login with google credentials works perfectly. In the web flutter I get the idToken correctly but the accessToken is null.

@simplycooking_5116 2 года назад

Nice👌

@CodeXdev 2 года назад

Thanks 😊

@JerosGalaxy 2 года назад

it's really understandable. how to implement auto login in this project..?.

@enafor99 3 года назад

thanks you so much

@CodeXdev 3 года назад

Happy to help

@michaelcosby9709 2 года назад

Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?

@infernoinfotech677 2 года назад

Greate

@tusharpatel3290 2 года назад

hey i have 1 question related to this package, i successfully login and log out but when i try to login again with different account plugin let me login with same gmail account.

@amitjajoo9510 3 года назад

Pls upload more video on firebase

@roktimkamalsenapoty5793 3 года назад

Plz make video for otp and email login

@RajA-me9cl 2 года назад

What about persistent? It logs out on restart.

@degroria 3 года назад

Please make a tutorial on how to store the credentials to database and also sign in silently. It's very important

@michaelcosby9709 2 года назад

Binary trading options is one of the most simplest and easiest ways in making extra cash on the side with no beginners experience needed for this our minimum investment capital $500 which to gives you $6700 after 7days of your trading services with my company

@ridhamvaghani4005 Год назад

Hello sir, I'm facing google signin issue in release mode. I already added sha1 and sha256 as well. But still facing issue in release mode with flutter apk

@nexoknechthd619 2 года назад

Great Video Mate, I am running in some problems. How can we stay signed in in the app? It always loggs out when I close it... Have a great day!

@abc867 2 года назад

Hello Sir, I have a issue in flutter than when navigating from one page to another i get an error message telling that Null check operator used on a null value. How to solve it?

@haripriyaravichandran1061 2 года назад

is there video flutter social login without firebase

@joker.amateur Год назад

Hello, please the authentication by google is free on firebase, whatever the number of users ?

@klusterow827 Год назад

My gradlew signingReport command isn't working. What to do?

@DholaSain 2 года назад

please make a video on Shopify GraphQL API with Flutter. with models and etc

@akash_mishraji Год назад

Google Sign in working correctly but the logedin user is not reflecting in firebase authentication users data!! how to fix this up??

@M37Shadow 3 года назад

♥♥♥

@hirazaheer5256 Год назад

it is not properly redirecting, basically my Obx function is not redirecting to profile page after i choose my google accountt

@sammiecarswell2723 2 года назад

it failed for me, what is the SHA fingerprint and why isn't it noted in the video

@3kdevelopers185 2 года назад

Sir, Please make a Video on How to localize (pdf text change to user selected language text) Pdf document in flutter??? ❤️ From Pakistan 😇

@azrishaharin782 2 года назад

please create discord for us to have a coffee chat there! Love your work btw .. keep doing it

@CodeXdev 2 года назад

We have discord, u can find link in description.. but unfortunately voice chat doesn’t work here in UAE

@kerryjackson8294 Год назад

WHere can I find the code for this tutorial?

@Juliapak 2 года назад

Can you do this with facebook? I want to offer both facebook and google login

@wizardingstudios 2 года назад

Android here. If you press Login with Google but does not select an account and hit back on the phone the app crash with a black screen

@husen5384 2 года назад

make Full Tutorial about. flutter Lifecycle

@FlutterShipp Год назад

Thanks a lot man, for web integration I've faced an issue "access to localhost was denied ". It was due to the Airplay running on my mac. I turned it off to run on local port.

@CodeXdev Год назад

Great, are you working on web apps with Flutter?

@FlutterShipp Год назад

@@CodeXdev Yes! I am

@Baldchurail 2 года назад

@5:06 I am facing this error. Debugging is not working.

@flutterforever3311 3 года назад

Give some ideas about Reward integration in flutter, how to do? If any reference pls share

@CodeXdev 3 года назад

Which Reward you are mentioning above?

@AhmedHassan-jo1il 3 года назад

what about Facebook auth, need a tutorial on that as well please with getx

@CodeXdev 3 года назад

Facebook, Twitter and Apple login are planned for upcoming videos

@RNBnewsIndia 11 месяцев назад

does google charge for sign in with google ?

@CodeXdev 11 месяцев назад

No it’s a free service

@RNBnewsIndia 11 месяцев назад

@@CodeXdev I am going to launch an app using servers of DigitalOcean If google sing in is free , will Goole take charges, for api usage

@stupid-failshaha Год назад

10:58

@allintamilvideos6005 3 года назад

Great Waiting for facebook like this in future @Codx

@michaelcosby9709 2 года назад

Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?

@talhanaseer8583 2 года назад

what about if we have two login methods, i-e google sign in and facebook sign in. what we will do in that situation.

@CodeXdev 2 года назад

Both implementation is different, but the point is getting users email to register in your own app

@talhanaseer8583 2 года назад

@@CodeXdev First of all thanks for replying....I tried implementing Facebook login the same way as u did Google login but it doesn't work.... documentation shows it is different from google login....

@talhanaseer8583 2 года назад

@@CodeXdev very little content related to Facebook is available l....kinldy help me implementing this....

@ikramullah6492 2 года назад

Assalam alaikum. Busy these days? no new video released this week. afzal brother please make a whole video on social signIn(google ,faceboob,appleID) using aws amplify with GetX. pleaseeee..... hope all is going well on your side. :) n one request too. please do upload git code in every video if thats possible

@CodeXdev 2 года назад

Waalaikum assalam, yes was busy with some personal thing.. everything is good thanks for asking. Sure will come up with other sign in tutorials soon 🔜

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

Consegue fazer em python?

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

Not a Python expert 🫣

@captainjacksparrow7360 2 года назад

hello Sir

@borniteofficial4925 3 года назад

bro please help me, firestore flutter read and write not working in release apk please help

@CodeXdev 3 года назад

Hello, have you checked on Firebase console for read and write permission

@borniteofficial4925 3 года назад

@@CodeXdev yeah read write is true rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write: if true; } } }

@borniteofficial4925 3 года назад

@@CodeXdev i am stuck for last one week please help me

@visheshkaran7083 2 года назад

@@borniteofficial4925 bro just remove ( : if true )and end it with (write;) it will work :)

@csbdnazmul 3 года назад

Nice video but I could not understand the necessity of firebase integration

@michaelcosby9709 2 года назад

Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?

@loldotcom955 2 года назад

If you give the source code it would be better...........................

@dumbfuckjuice9915 Год назад

Totally agree been scouring for yrs

@PanneerSelvam-eb8re 2 года назад

Get the Gender and DOB??????

@CodeXdev 2 года назад

You can get any public data available in the response object.

@WebWiz-gh4kp 28 дней назад

Google cloud is paid service?

@CodeXdev 27 дней назад

Yes, but it has starter plan and blaze plan where you pay as per uses.

@sanjoysarker2119 2 года назад

Sir Please give me the source code

@CodeXdev 2 года назад

Tbh, you dont need source code for this.. its all configuration, its going to be different for your account. The only thing you can use is Image and a button I placed.. so better you can follow tutorial and create ur own!

@Abhishekchandel12 2 года назад

KABHI HINDI ME BHI BNA DA VIDEO BHAI PLEASE PLEASE IN HINDI

@harshdeepsingh9637 2 года назад

How to sign in to RU-vid account ? as the youtube scope doesn't work with google_sign_in package? @author

@CodeXdev 2 года назад

If google_sign_in doesn't support youtube scope, you may want to call "accounts.google.com/o/oauth2/v2/auth" with proper scope and client id and other details Alternatively, you can use some third party libraries like *oauth2_client*

@harshdeepsingh9637 2 года назад

@@CodeXdev But the thing is, unless I get brand account, I cant actually work with the account which will be authenticated by google_sign_in plugin.

@CodeXdev 2 года назад

How about something like this, _googleAuth.requestScopes(['www.googleapis.com/auth/youtube']);

@CodeXdev 2 года назад

Didn't tested, but found that you can request scopes with GoogleSignIn instance..

@harshdeepsingh9637 2 года назад

@@CodeXdev actually we can request scope but the thing is it is not working out as it is not showing brand account. This case is only happening in android part of it.

@captainjacksparrow7360 2 года назад

it give this error [VERBOSE-2:ui_dart_state.cc(209)] Unhandled Exception: PlatformException(missing-config, GoogleService-Info.plist file not found, null, null) #0 StandardMethodCodec.decodeEnvelope (package:flutter/src/services/message_codecs.dart:607:7) #1 MethodChannel._invokeMethod (package:flutter/src/services/platform_channel.dart:167:18) #2 GoogleSignIn._callMethod (package:google_sign_in/google_sign_in.dart:242:5) #3 GoogleSignIn.signIn.isCanceled (package:google_sign_in/google_sign_in.dart)