Flutter Tutorial - Verify Email | Firebase Authentication 🔥 [2022] 4/4 Email And Password

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/firebase_auth_verify_email

[@DavidBLo100]

Great job!!!! Quick, precise, clear, and backed up with clean codes!!!! You are the BEST.

[@karemzky]

Thanks for the video , kindly can you make a Video on phone authentication and verification

[@__mothership__8475]

1. Reset FIrebase email 2. Phone OTP verification using firebase 3. FCM for iOS Please make these tutorials

[@KnowledgeWorld-LetsLearn]

Thanks a lot for this video.. Was waiting for it

[@cavidanbagiri7837]

as always. You are number one. Thanks teacher for all of tutorials.

[@Patrickus23]

Great tutorial! I have a question: If a user press the cancel button to not verify mail anymore, the mail and password information will still be displayed in the Firebase Database?

[@ArtVandelayInc]

Works like a charm! Thank you for the tutorial

[@HeyFlutter]

Glad to hear that, You are most welcome @ArtVandelayInc

[@geekybrick8189]

Thank you, this is very helpful! Could you please make a video on running a firebase app in offline mode? I.e., handling dropped connection, caching, delayed submission of data to the cloud firestore (e.g., when the user connects to the internet again), etc. your work is greatly appreciated!

[@Yelllow_Flash]

I'm on watch for these tutorial series. Awesome Work.

[@atoli1425]

just the thing I was waiting for, well done.

[@aryanbhasein6431]

Wonderful video!

[@HeyFlutter]

Thank you, @aryanbhasein6431! 🙂

[@jaredweinfurtner9976]

great tutorials and love the editing - perfect cadence.

[@swayamshreemohantyvlogs8126]

I will going to use this in app my application. Thanks Mike

[@oyebayooluwafemi6515]

Great Video I have 2 questions. First, is it possible to verify with a code instead of a link. Secondly, can i verify the email address first before inputting user data like the password, username, phone number.

[@oyebayooluwafemi6515]

@@HeyFlutter The app I'm currently developing, upon registration the user have to verify the email (an OTP code should be sent to the email address of the user) before being logged into the app. Using the method on flutter documentation, it only sends a link to the user not an OTP code. So I'm asking if it's possible to send an OTP code instead of a link. The second question is I want the user to input only the email first, then after verifying the email he can them input other information like username, age, gender, fullname and password to complete the registration. Cause all the implementation I'm seeing online you must input both email and password for email verification. Another questions please, how to do reset password from the app. I want to be able to reset the password on the app. Thank you

[@fatemaabdulrahman3290]

Quick and straight to the point. Thanks!

[@HeyFlutter]

You are welcome, Fatema Abdulrahman!

[@nuwandissanayake9008]

Great tutorial, well explained. All in one... Thank you for the best...

[@HeyFlutter]

You’re most welcome, Nuwan Dissanayake! 🙂

[@ShahNawaz-mo7ki]

I have done it successfully by following you tutorial thank u so much

[@HeyFlutter]

Glad to hear that, You are most welcome @ShahNawaz-mo7ki! 😊

[@edilsonroque6691]

THEEEE BEST, Thank you my friend

[@HeyFlutter]

You are welcome, @edilsonroque6691 😊

[@RahulKambad007]

Great Tutorial, It helped me a lot 😀

[@MillionviewsYT1]

keep it up bro nice job

[@princemuleya7696]

hey how can i implement email-already-in-use in flutter firebase

[@HeyFlutter]

Thank You Prince Muleya! 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 🙂

[@princemuleya7696]

Thank you very much sir It helped

[@khabibali4967]

@@HeyFlutter That's what I am looking for.

[@muhammadafzal237]

Please make video on "how to post http request from flutter to any api" or "how to post data from flutter app to any api".

[@thompsonlaw1]

very helpful

[@JanardhanRay]

hello sir, can you help me by creating this for web app which has basic html and javascript? 🙏🙏🙏🙏🙏 thanks in advance

[@JanardhanRay]

Sir I am saying only if you change the programing Language from dart to JavaScript.

[@syedzeerakhussaingillani6019]

Thanks alot, for making this so easy

[@HeyFlutter]

Glad it was helpful, @syedzeerakhussaingillani6019 😀

[@maiahenriquevitor]

Thank you!!! You're amazing!

[@HeyFlutter]

You’re most welcome, Vitor Henrique! 🙂

[@asadullah4588]

Sir How to access your github. I already send many request's as you mentioned in your Readme but not getting any email please help me? Love from Pakistan

[@asadullah4588]

@@HeyFlutter sir I didn't get any email for confirmation of subscription.

[@zihenghuang5980]

Thanks for the video! I was wondering what I should do if I want to add the user information to firestore after email verification? Is it possible? Thanks

[@HeyFlutter]

Hey 😊, @zihenghuang5980! Check out this video: kzbin.info/www/bejne/e6OzkKuloq1-itk This will surely help you

[@hecroesmodejesus7016]

on your github, when i try to request a get a blank page, thanks for the video.

[@yunusemreyildirim2338]

Thank you very very much

[@HeyFlutter]

You’re most welcome, Yunus Emre YILDIRIM! 🙂

[@TareqAlothman]

Hello Johannes, thanks for another great tutorial. Unfortunately, this method will not work as FirebaseUser.emailVerified status does not get updated after clicking the link from the verification email. I am testing this on the emulator, but I am clicking on the link from the email from the browser, which is not on the emulator. The User data does not get refreshed / updated with verification status even after calling User.reload(). This is again, if the email client is on another device than the app. If you have encountered this problem and know a fix please advise. Thank you again for all your awesome tutorials.

[@HeyFlutter]

Hello, Tareq Alothman! Follow this link: stackoverflow.com/questions/59854615/firebase-flutter-reload-not-refreshing-user-isemailverified, I hope it will solve your problem. Thank You 🙂

[@krityukiiitvicd8943]

ya you are totally right, i also need its proper solution :(

[@yeryer316]

Joannes, this works fine for me on the googles, although when sending out to a university email address the link is expiring due to it taking long time to arrive. Do you know which bit of code is causing this?

[@HeyFlutter]

Thank You Ramsey Merdassi! Follow this link: stackoverflow.com/questions/73107783/firebaseauthexception-firebase-auth-user-token-expired-the-users-credential I hope you will get your answer 🙂

[@GuardianLinks]

Hello,please make a video how add in friend peoples as Facebook

[@__mothership__8475]

Firebase phone otp verification for iOS ?? any tutorial available ?

[@uDubRiceBoy]

Hi HeyFlutter, in 2023, is it still worth it to have an email signup/signin option or just force users to use a "standard" auth provider, google signin, apple, facebook ...?

[@HeyFlutter]

Thank you, uDubRiceBoy! 🙂. People still use it in their apps.

[@ajielesmana1602]

what if I'm using realtime database, not cloud firestore, is this code work for it?

[@MoRmdn]

Thank you, for your excellent work but I have a problem verifying emails send to the user's spam folder

[@HeyFlutter]

Hello, Mohamed Ramadan! Follow this link: stackoverflow.com/questions/46283859/firebase-email-verification-goes-to-spam-folder, I hope it will solve your problem. Thank You 🙂

[@HimanshuAtri-b7l]

if we have 2 different page for sign in and log in (one for creating the account and the other for logging in, which most of the app does) then in order to avoid user logging in without verifying email we need to delete the user account as soon as he clicks cancel. even in that case there is chance user could close page by back button instead using cancel option so on login page we also need to add a check is email verified or not.

[@HeyFlutter]

Thanks for the suggestion, @user-sc5qo7sq1n! 🙂

[@gxg3368]

Thx

[@HeyFlutter]

You are welcome, GxG 😊

[@saravanaprasadk8238]

i need an help at pressing login button check the email is verified or not? if it is not verified i need to show a toast message if it is verified i need to go home page

[@kikalamuofficial5865]

How do you do it with the Bloc Pattern?

[@sabeehaisrar8385]

Please make videos on AR CORE in flutter

[@HeyFlutter]

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

[@skyorizen]

what is formKey ? can you please make it clearer ?

[@HeyFlutter]

Hey 😊, @cakrawirajaya445! Check out this article: www.javatpoint.com/flutter-form

[@GarenBisZumTod]

Is there a way that the user is not created until you accept the verification E-Mail? Or is he automaticly always created with the createEmailWithPassword method from firebase

[@HeyFlutter]

Thank You garen. exeee! Follow this link: stackoverflow.com/questions/68364731/firebase-do-not-create-users-until-email-is-verified I hope you will get your answer 🙂

[@seyrow7592]

Hey I have the following problem that this whole Flutter App story does not want to start on the Android emulator it always comes the following error code: "The command "App" is either spelled incorrectly or could not be found. Error: Main class org.gradle.wrapper.GradleWrapperMain could not be found or loaded. Cause: java.lang.ClassNotFoundException: org.gradle.wrapper.GradleWrapperMain Exception: Gradle task assembleDebug failed with exit code 1" could someone please help me? :c

[@HackAWays]

Great , How about phone number otp with firebase?

[@HeyFlutter]

Thanks for the idea, Aye Zarni Aung! 🙂 I have added it to my list of ideas for future videos!

[@mugdadelneama7389]

It's not moving to verify email automatically I should do hot restart , what's the solution ?

[@HeyFlutter]

Thank You @mugdadelneama7389! Follow this link: firebase.google.com/docs/auth/flutter/email-link-auth I hope you will get your answer 🙂

[@joseinTokyo]

niceeee

[@HeyFlutter]

Thanks, Jose Oriol Lopez! 🙂

[@ricard458]

Will you teach how to do phone number verification?

[@ricard458]

@@HeyFlutter thanks. If some day you create a vídeo about this, I will also watch it.

[@jessenjie6202]

can this be combined with google, facebook and twitter sign in?

[@HeyFlutter]

Thank You Jessen Jie! Follow this link: medium.com/codechai/firebase-twitter-sign-in-and-flutter-13799f0183ad I hope you will get your answer 🙂

[@jessenjie6202]

@@HeyFlutter Thankss

[@yeryer316]

I want to send the verification email when they click the SignUp button with a snackbar message telling the user that they've been sent an email. I want to avoid the VerifyEmail screen. I'd like the user to go to the Homepage once they've clicked on the verify link in the email. Is this possible?

[@HeyFlutter]

Thank You Ramsey Merdassi! Follow this link: firebase.flutter.dev/docs/auth/usage/ I hope you will get your answer 🙂

[@sumitsharma6896]

I am not getting any emails and giving me this error Ignoring header X-Firebase-Locale because its value was null.

[@HeyFlutter]

Hello, Sumit Sharma! Follow this link: stackoverflow.com/questions/64727665/w-system-ignoring-header-x-firebase-locale-because-its-value-was-null, I hope it will solve your problem. Thank You 🙂

[@dapollo1]

Phone authentication please

[@yx4]

Hi HeyFlutter, thanks for this video, but I saw an error before that the firebase send an alert on the emulator that they blocked this device because of too many requests, I think this problem happen because of the timer.periodic function. How can I solve this problem? Does it happen on the production phase only or what? Thanks.

[@HeyFlutter]

Thank You @yx4! Follow this link: stackoverflow.com/questions/37601942/firebase-3-we-have-blocked-all-requests-from-this-device-due-to-unusual-activi I hope you will get your answer 🙂

[@yx4]

@@HeyFlutter Thanks

[@soorajks5568]

I got an error "Ignoring header X-Firebase-Locale because its value was null" what is the reason

[@HeyFlutter]

Thank You Sooraj K S! 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 🙂

[@soorajks5568]

@@HeyFlutter Thank you for the reply

[@flutterquick]

how to email verification without firebase pls i need it

[@HeyFlutter]

Hey 😊, @amanuelgulilat2733! Check out this solution: stackoverflow.com/a/68157123

[@prabinojha9122]

Why do you make people have to subscribe to your newsletter to get access to your source code. Can you please make it viewable without this I don't want to subscribe to what you are forcing me to subscribe to. Total scam.

[@HeyFlutter]

Thank You Prabin Ojha!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

[@safaksenal4656]

your videos are very good. I have a request from you, can you follow and unfollow the user?

[@ahmedgames9335]

nice work , but when i check in rules if the account is verified or not i can not access despite of i was verified the email ? match /users-auth/{uid}/notes/{note_doc} { allow read, write: if request.auth != null && request.auth.uid == uid && request.auth.token.email_verified; }

[@HeyFlutter]

Thank You Aĥmêd Gâmeŝ! Follow this link: stackoverflow.com/questions/59860832/how-to-update-data-for-firebaseuser-stream-when-email-is-verified-flutter/67044680#67044680 I hope you will get your answer 🙂

[@abdullaharrezwan671]

Utils.showSnackBar(e.toString()); why Utils is used here? thanks in advanced.

[@HeyFlutter]

Thank you, Abdullah Ar Rezwan! 🙂. I used it to show snackbar.

[@ricard458]

How can we customize the email layout?

[@pablosaas]

See the firebase web console > Authentication > Templates > Edit template