No video :(

Flutter Firebase Authentication Tutorial For Beginners [2023] - ALL Signup/Login Methods Included!

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

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

50% 1

Learn about Firebase Authentication with Flutter that includes Email/Password Signup & Login, Google Sign In, Facebook Sign In, Phone Verification, FlutterFire CLI & State Management using Provider which works on Android, iOS and Web!
Discord: / discord
Source Code: github.com/Riv...
Firebase Auth Version: 3.3.14
Timestamps:
(00:00:00) Introduction
(00:00:33) Starter Project
(00:03:25) Connecting to Firebase
(00:12:07) Email Password Signup
(00:20:37) Email Verification
(00:23:00) Email Password Login
(00:28:12) Phone Sign In
(00:46:13) Google Sign In
(01:02:08) Facebook Sign In
(01:20:23) Anonymous Sign In
(01:21:34) State Management
(01:29:17) Displaying User Details
(01:32:03) Sign out
(01:33:10) Delete Account
(01:34:25) Conclusion
Special Thanks:
‪@RobertBrunhage‬ - • Flutter Firebase Authe...
‪@MarcusNg‬ - • Flutter Firebase Setup...
Resources:
Facebook Developer: developers.fac...
Google Cloud: cloud.google.com/
More About Auth: firebase.flutt...
Connect With Me Here:
Instagram: / optimalcoding
GitHub: github.com/riv...
Linkedin: / rivaan-ra. .
Facebook: / rivaan.ranawat
Mail: namanrivaan@gmail.com
Medium: / namanrivaan
Twitter: / ranawatrivaan
#flutter #firebase #auth #flutterfire

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

14 авг 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@RivaanRanawat Год назад

Would love to have you in our community! Join using this link: discord.com/invite/Q8Rx8YWFVF

@durgeshjadhav01 Год назад

It would've been better if you also taught us apple sign in

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

You dropped your crown 👑. You deserve more. Keep going , you're doing great

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

Thank you so much🙌

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

Best Video for authentication, Thank you for making this video for us

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

You're welcome! Glad you found it helpful.

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

Great Flutter Firebase Auth Course!

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

Thank you!

@alibabaintelligence8281 Год назад

man, I can't help you enough, you literally just saved my entire project!!!

@RivaanRanawat Год назад

Happy to know it helped 🙂

@user-hi5om9eb1h 17 дней назад

End level. Love you sir.❤❤❤❤❤.

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

You literally saved my graduation project, thank you A LOTTTTTTTTTT ❤❤❤❤ wish you the best in your life because of this huge help you saved me with

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

Thank you so much Omar!

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

Great work!

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

Thanks!

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

Learning with fun ,Great work Sir Thank you

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

Happy to hear that!

@rodrodrigues1729 Год назад

This is awesome! Thank you for making this super detailed video.

@RivaanRanawat Год назад

My Pleasure Rod!

@johhlu4900 Год назад

best flutter firebase tutorial ever! tnx man!

@RivaanRanawat Год назад

Glad you think so!

@sup5356 Год назад

absolutely love this. Entertaining and bloody useful

@RivaanRanawat Год назад

Thanks!!

@jibin2706 Год назад

Really helpful Rivaan👏

@RivaanRanawat Год назад

Glad it was helpful, Jibin!

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

For anyone on Windows, you can generate the SHA-1 key by opening the project dir. in cmd or by just typing the following lines in the IDE terminal >cd android >gradlew signingReport **Great tutorial btw.

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

Thank you for this! Pinned your comment for anyone to refer it.

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

@@RivaanRanawat apk file installed on android phone sign in or register will throw this error pls help: [firebase_auth/unknown] com.google.firebase.j:an internal error has occurred.[json conversion failed! ] failed to parse error for string[ Error 403 (Forbidden)!!1 ...]

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

wait just "gradlew signingReport"? It says "The term 'gradlew' is not recognized"

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

@@maxcaulfield8211 thats why you need to cd to android directory first. Calling gradlew on project folder wont do it.

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

Very useful video sir i was just looking for that ❤️❤️

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

Happy to help!

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

Amazing Tutorial, really love this explanation! Thanks bro😘

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

Most Welcome!

@emmanuelkimutai-uo2fx Год назад

🤣 Loved the error moments at phone auth!

@RivaanRanawat Год назад

🤣🤣

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

hats off king 👑🥺, love from Pakistan ✨

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

Thank you so much Rahim!

@aspiredifferent8085 Год назад

Long Live Rivaan

@RivaanRanawat Год назад

Thanks!!

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

Let's go!!!

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

Flutter design patterns MVVM MVC MVP

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

Thanks champ ✅👍

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

You're welcome!

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

Super Sir hats off to you!

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

Thank you!

@rise4gamers506 Год назад

Thanks for the combine knowledge sir

@RivaanRanawat Год назад

Pleasure!

@deba33 Год назад

Amazing Tutorial !!!!

@RivaanRanawat Год назад

Thanks!

@rodrodrigues1729 Год назад

What can you say about the warning "Don't use 'BuildContext's across async gaps. Try rewriting the code to not reference the 'BuildContext'."? thanks again

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

You can solve it like this, not sure if it's correct way - adding statement like: context.mounted ? (show snack bar function) : null; I guess I'll leave it here for future ppl

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

Thank you, sir . You help me a lot

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

Welcome!

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

Very nice Tutorial

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

Glad you like it!

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

You are the best!

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

Thanks!

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

Awesome. Your tutorial is very useful. Please make a video on app check in flutter app (android, iOS, Web). Thank you :)

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

Thank you, noted!

@user-hg9en2uv5s 10 месяцев назад

Please make another video for Firebase authentication with yahoo

@MrProgrammer101 Год назад

When I tried this facebook kept complaining can't find my app on the playstore and the app has standard access to public_profile and to use Facebook Login I have to switch public_profile to advanced access.

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

really cool!!

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

Thank you!

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

Thanks you bro..❤️🙏

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

Welcome!

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

Good job bro....👍👌💐

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

Thank you!

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

@@RivaanRanawat ❤️🙏

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

thank u so much ,love from pak

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

Thank you🙂🙌

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

i got error on context.read -The method 'read' isn't defined for the type 'BuildContext'

@chihab3829 Год назад

THANK YOU BRO 😎

@RivaanRanawat Год назад

Most Welcome!

@MOHAMADSHADAM-rg1vg 2 месяца назад

npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. why is this error occured ?

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

The error occurs because the location of the npm files is not set. You can fix this by adding the npm file path to the PATH environment variable System Properties > Advanced > Environment Variables > System variables > edit Path >add npm path > apply > restart terminal This should resolve the issue.

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

Hi Rivaan I am getting error "Ignoring header X-Firebase-Locale because its value was null." Please help to resolve this error

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

same here, do you have solution now?

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

Let me know if this helps y'all: stackoverflow.com/questions/64727665/w-system-ignoring-header-x-firebase-locale-because-its-value-was-null

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

Pub installs executables into C:\Users\dell\AppData\Local\Pub\Cache\bin, which is not on your path. You can fix that by adding that directory to your system's "Path" environment variable. A web search for "configure windows path" will show you how. Which path should i add??

@deba33 Год назад

Add "C:\Users\dell\AppData\Local\Pub\Cache\bin" to your environment variables

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

Hey for ios it says confirmed on meta for developers site but for android it shows error like this: Error(s) found while validating app-ads.txt. Please select Confirm ownership for more details. And login to fb page is not showing in app... kindly help me in this.

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

I coudn´t use the Facebook login 'cause sends me this message "We can’t find your developer website URL in your App Store post." and I don't have it, currently I'm a student

@prachishukla6558 Год назад

Thanks

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

have you ever thought of building a flutter AI Vs Code extension?

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

coooool!!

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

🔥🤩🙌

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

hello, thank you for this video, i keep getting an exception 'unable to establish connection on channel' when I click the signup button, I've tried basically everything I've seen online and nothing is working

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

hi! I am also facing the same issue. Have you found a fix?

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

@ashishsam26 hi, yes I've fixed it. My issues was that I was passing "emailController so when i changed it to emailController.value.text, it worked. The same for password I hope it works for you. Please update me if you can

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

Best Video

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

Thank you!

@ashihsprajapati6739 Год назад

Hello sir how i send idToken and accessToken to nodejs if token or accessToken is valid check by nodejs then it return some data

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

Is it necessary to use node as we are using npm

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

To use nam, you need to install node - if that's what youre asking

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

A very good tutorial! Can you please show a tutorial on how to combine 2 streams together? I'm working on a show user that check-in at the same place but is struggling hard to do it :"(

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

I didn't understand the question, can you please elaborate?

@ankushpaul3440 Год назад

Sir it shows error = firebase_auth/channel-error Unable to establish connection on channel sir please help me . I got stucked into it from evening, But I cant solved it

@asad_alpha_ Год назад

did you resolved it?

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

Best video

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

Thank you!

@mdkamruzzaman7174 Год назад

what it's showing platform Exception when i trying to google sign?

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

Hey rivaan please make a video on the appointment booking app.

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

What would you like to see in it?

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

@@RivaanRanawat Consumer can book an appointment to doctor or etc!! Like home page shows the list of doctors with their locations and I prefer the nearest and book appointment for 5.00PM.

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

Custom field authentication hasn't been covered in the vedio i think. Actually i wanted to use it in a project...

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

What do you mean by Custom Field Authentication? Any links about what it is?

@johhlu4900 Год назад

please make a separate video for CRUD Operations

@RivaanRanawat Год назад

Noted!

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

I have a qüestion: How can I solve the problem that a phone number is misspelled and therefore a OTP SMS is sent to a stranger? I cant use firestore rules for check the database, because wrong user is not auhenticated. I need that my app users send the correct phone number (self), and if he write bad, don't send anybody. And the another problem is that, if you say check the SIM card, is only available on Android, but not on Ios. Help, please

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

I'm not sure how we can fetch user's own number. All the packages I know have been deprecated or are discontinued.

@maazsiddiqui4593 Год назад

what's the xcode for windows user? I don't have that option visible

@carlaejemehobinnaagha8151 Год назад

Why do i keep getting "given string null or empty" upon signup Authentication

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

Security implementation in fluttter app

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

got error while installing firebase tools, as Skipping optional dependency puppeter, looks likenthat, is that package mandatory? ERROR: Failed to set up Chromium r869685! Set "PUPPETEER_SKIP_DOWNLOAD" env variable to skip download. [Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/firebase-tools/node_modules/puppeteer/.local-chromium'] { errno: -13, code: 'EACCES', syscall: 'mkdir', path: '/usr/local/lib/node_modules/firebase-tools/node_modules/puppeteer/.local-chromium' }

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

Thanks for the tuto ! Very useful :) I've got only one problem, I have to restart my app to access the homescreen after tap on button login. Any ideas ?

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

Try using Navigator.of(context).pushNamedAndRemoveUntil('/home-screen', (Route route) => false);

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

@@RivaanRanawatThis tuto was very useful but i've almost the same problem, i tried to clone the code but there was no access to the homescreen so i had one but they told me i was using a check operator on a null value(uid). Do u have any ideas to resolv that ? Tks

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

So does sign out method signs out from any authentication from where the user has logged in like either google, fb or phone?

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

Yes

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

Ignoring header X-Firebase-Locale because its value was null. I got this problem. Can anyone help me??

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

Let me know if this helps: stackoverflow.com/questions/64727665/w-system-ignoring-header-x-firebase-locale-because-its-value-was-null

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

can you do a video on full Api integration of a project like Api made with node or python

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

Already in work! Coming very soon!

@Tom-um8mr Год назад

By Android, I get the error that my phone has no Google Services? Whats wrong

@RivaanRanawat Год назад

Arr you using Android Emulator?

@rr2r2r2ra Год назад

please make Firebase CRUD with Riverpod☺

@RivaanRanawat Год назад

We've got a few projects with Firebase & Riverpod on the channel - WhatsApp, Reddit

@yilmazbozaci7641 Год назад

When I add the icon to the button, it gives an error, and when I add a picture to the custom button, it gives an error, I can't figure it out.

@RivaanRanawat Год назад

I'm not sure I understand...

@SuratAdhikari Год назад

How can I change the name and the logo of google_sign_in with flutter?

@RivaanRanawat Год назад

Sorry, I didn't understand your question...

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

Thank you riwaan please add firebase storage

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

Short tutorial coming on that soon!

@ABUTAHER-wg7gz Год назад

have any solution without google auth provider, remove others firebase auth provider credentials on same gmail

@RivaanRanawat Год назад

Not sure I understand..

@Charles-ft4sq Месяц назад

please make one for Quora clone please

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

can we add details like name during the sign up

@marzipane9182 Год назад

I have some ideas in my head, but i would like to ask, how we may redirect user after successfull sign in using number. As the phone entering screen is on the separate page and AuthWrapper won't redirect user automatically.

@RivaanRanawat Год назад

by just using Navigator.pushReplacementUntil?

@marzipane9182 Год назад

@@RivaanRanawat already done that, thx now it works

@vibenep 9 месяцев назад

i am struggling in getting sha1 key 😑

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

How would you implement sign in for different types of users i.e bussinesses and customer

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

I would use Firestore for that, not Firebase Auth. In Firestore user collection, add a property named 'type' where I will store what type of user it is- normal, admin, customer etc. Then, when retrieving the data from firestore and saving data to user provider, check if the type = user. if that's the case, then render the user based screen otherwise, admin screen.

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

@@RivaanRanawat Wow thanks so much your content is amazing. I am very greatfull

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

Thank a lot Rivaan, It helped me lot. I am facing one bug , As I navigate from Login page(First Screen to display) to signinpage I dont get migrated to the homescreen, When I refresh again it gets migrated to the homescreen, please tell me what i am doing wrong.

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

Try popping off all the routes using this: Navigator.of(context).pushNamedAndRemoveUntil('/', (Route route) => false); Let me know if it works!

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

@@RivaanRanawat I have tried it but it first redirects me to firstscreen and then to homescreen, I have tried printing the User credntials but when do hot refresh in logged in state it first prints null and then User credentials,I dont understand why.

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

please make video on background services

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

Noted!

@nikiljonax3085 Год назад

where can i find the starter code template

@somnathdas8922 Год назад

Bro is this tutorial applied Link auth provider credentials to a user account

@RivaanRanawat Год назад

Nope, but Firebase auth documentation is pretty clear about it.

@Mouda13 Год назад

Hello! I followed all the steps for the Google Sign in method but no user is added on my Firebase, can you help me please?

@RivaanRanawat Год назад

The user is not added to Firebase Firestore Or Firebase Auth?

@Mouda13 Год назад

@@RivaanRanawat the authentification section

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

Firebase login is not working but registration is going pretty well. Sir do you have idea how to resolve that?

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

Would like to see the code you've implemented. Can you please share your GitHub repository?

@hensallz Год назад

Great tutorial , It would have more better if you have included forgot password too!

@RivaanRanawat Год назад

It would have been! Not sure how I forgot that🥲

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

Bro tried so hard to hide his number , still its visible at timestamp 42:42 😅🤫 Btw great video 😁

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

Flutter stripe payment gateway, invoice generate

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

Including that in one of the clone videos!

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

@@RivaanRanawat It will be interesting! I will watch it :)

@prashantparlani488 Год назад

does anyone have starting code for this project

@RivaanRanawat Год назад

Hey Prashant! These are just a bunch of buttons in a column. Point of this video is to help you integrate auth to your app quickly

@dasun1093 Год назад

can you do apple signing also

@RivaanRanawat Год назад

Oh, I missed it in this one! Will do:)

@dasun1093 Год назад

@@RivaanRanawat thank you 😊

@4naught456 Год назад

You forget to blur your number at 43:00

@RivaanRanawat Год назад

Oh no, thanks for sharing!

@MuhammadKhalid-xr3fd 2 года назад

Why are you not importing facebook sdk in your app?

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

I didn't get you..

@MuhammadKhalid-xr3fd 2 года назад

@@RivaanRanawat You did not download the facebook sdk and import it into your project files. why?

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

maza a gya Blur wale topic pr or OTP pr😂😂😂😂

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

🤣🤣 Happy you had fun!

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

❤️

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

🤩🙌🔥

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

when I enter wrong sms code it turns out error

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

Yep, it goes to the catch block and follows the logic written there.

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

Hi, Can you help me to do some change in my Flutter App. Actually it's not made by me, It is the Instagram App which you created.

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

Sure.

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

@@RivaanRanawat How to contact you?

@Lil-Undercover 2 года назад

Please add Firebase email verification redirect 🙏

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

This tutorial includes Email Verification!

@reactnativedeveloper1682 Год назад

sir make videos in hindi also

@RivaanRanawat Год назад

Have a lot on my plate currently, won't be possible as of now. I'll try to do it in mid 2023.

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

Bro can you give me the source code please?? the given link is not working.. thank you.

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

Can you please try again? I had forgotten to make the repository public😅

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

@@RivaanRanawat thank you bro..You are too good..🙏❤️

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

@@somnathdas8922 Thank you!

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

❤️

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

Flutter multivendor ecommerce app

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

Ecommerce app coming sooner than you'd expect!

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

i pray that your next video would be whatsapp clone

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

WhatsApp Clone is coming pretty soon with multiple features but it's not the next one. Have great ones too in line 🙂

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

@@RivaanRanawat I would love it 😀 😍

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

42:38 i got ur phone number but luckily there is no whatsapp on ur number 😅😅😅😅