ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- 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:
th-cam.com/users/CodeXDevjoin
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
![แฉ [2/4] 11 ก.ค. 67 ‘ขวัญ อุษามณี’ เผยความจริง 16 ปีที่แล้วเกิดอะไรขึ้น? | GMM25](http://i.ytimg.com/vi/K4pXnUiObbk/mqdefault.jpg)
Best tutorial. You covered everything that is minimal required without messing things with designs and all. Gonna recommend this to my friends. Thanks you!!!
Wow, I am glad it helped.
Thank you sooooooo much!! First CLEAR explanation for Android integration I've seen. Thanks again.
Only video that went straight to the point, thanks buddy!!
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!
Glad it helped! Thank you for the feedback 😍
You got the timing right for me as i was going to find tutorial on this
Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?
Wow thank you so much sir, this video deserves a like, very well explaination
Thanks alot sir ! . Great video and simple and clear explanation as always
Nice video. Very comprehensive and easy to understand tutorial on google sign-in. Thank you very much.
Glad it was helpful!
nice job you have define things very clearly .
Video Quality is awesome🙌
Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?
Absolutely stunning and very detailed
Thank you! Cheers!
Thanks buddy, this is very helpful to me
Nice job man😊 Thank you!
Thanks for liking 👋
You are the best!
Perfect timing
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 .
best video for the purpose.
god bless you bro you are making nice job keep it up
Thank you brother 😎
Great video !!!!
Nice…well explained..🤟🤟
Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?
Thank you!
Welcome!
Yes , easy and simply logic
Thank you for the feedback 👍🏼👍🏼
So nice so good 👍
Good job
Thanks !
thanks bro!
lots of thanks to you
Most welcome
thanks i'll try it
thank you bor
Please we need more videos of you
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?
Can you please make a tutorial on GetX new Navigator 2.0 in depth?
thanks you so much
Happy to help
Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?
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.
Nice👌
Thanks 😊
Please make a tutorial on how to store the credentials to database and also sign in silently. It's very important
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
Greate
it's really understandable. how to implement auto login in this project..?.
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!
Pls upload more video on firebase
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.
♥♥♥
Sir, Please make a Video on How to localize (pdf text change to user selected language text) Pdf document in flutter???
❤️ From Pakistan 😇
Great Waiting for facebook like this in future @Codx
Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?
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.
Great, are you working on web apps with Flutter?
@@CodeXdev Yes! I am
Plz make video for otp and email login
please make a video on Shopify GraphQL API with Flutter. with models and etc
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
Hello, please the authentication by google is free on firebase, whatever the number of users ?
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?
make
Full Tutorial about. flutter Lifecycle
What about persistent? It logs out on restart.
is there video flutter social login without firebase
what about Facebook auth, need a tutorial on that as well please with getx
Facebook, Twitter and Apple login are planned for upcoming videos
Google Sign in working correctly but the logedin user is not reflecting in firebase authentication users data!!
how to fix this up??
please create discord for us to have a coffee chat there! Love your work btw .. keep doing it
We have discord, u can find link in description.. but unfortunately voice chat doesn’t work here in UAE
Can you do this with facebook? I want to offer both facebook and google login
Give some ideas about Reward integration in flutter, how to do? If any reference pls share
Which Reward you are mentioning above?
My gradlew signingReport command isn't working. What to do?
it failed for me, what is the SHA fingerprint and why isn't it noted in the video
it is not properly redirecting, basically my Obx function is not redirecting to profile page after i choose my google accountt
WHere can I find the code for this tutorial?
does google charge for sign in with google ?
No it’s a free service
@@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
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
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 🔜
@5:06 I am facing this error.
Debugging is not working.
what about if we have two login methods, i-e google sign in and facebook sign in.
what we will do in that situation.
Both implementation is different, but the point is getting users email to register in your own app
@@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....
@@CodeXdev very little content related to Facebook is available l....kinldy help me implementing this....
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
If you give the source code it would be better...........................
Totally agree been scouring for yrs
Nice video but I could not understand the necessity of firebase integration
Hi there Am an online entrepreneur by profession I trade crypto, forex as well as bitcoin and you?
10:58
bro please help me,
firestore flutter read and write not working in release apk
please help
Hello, have you checked on Firebase console for read and write permission
@@CodeXdev yeah read write is true
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /{document=**} {
allow read, write: if true;
}
}
}
@@CodeXdev i am stuck for last one week please help me
@@borniteofficial4925 bro just remove ( : if true )and end it with (write;)
it will work :)
Consegue fazer em python?
Not a Python expert 🫣
hello Sir
Google cloud is paid service?
Yes, but it has starter plan and blaze plan where you pay as per uses.
Get the Gender and DOB??????
You can get any public data available in the response object.
Sir Please give me the source code
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!
KABHI HINDI ME BHI BNA DA VIDEO BHAI
PLEASE PLEASE IN HINDI
How to sign in to TH-cam account ? as the youtube scope doesn't work with google_sign_in package? @author
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*
@@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.
How about something like this, _googleAuth.requestScopes(['www.googleapis.com/auth/youtube']);
Didn't tested, but found that you can request scopes with GoogleSignIn instance..
@@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.
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)