Ionic 3 - Firebase Email Login/Authentication

In this video, we create a new Ionic 3 application and add Firebase/AngularFire 2. We also add email authentication which subsequently allows a user to register and login to our application. As well as this, we also display a welcome toast to the user.

Learn Ionic 3 From Scratch

You can also find me:

[jaenulton]

Paul you have great videos. Your content choice and subject is superb. The video quality is stellar as is the audio. You speak very clearly and enunciate perfectly. That said, please slow down. This video was 16 minutes long, no big deal. If I am going to code along side I would bank on a 45 minute session or 3 times factoring in all the moments I need to press the play/pause button or rewind a few seconds. But it takes MUCH longer to try to replicate your code when you split & cut video (probably for the sake of time) and we lose crucial lines of code. There were many mistakes within this lesson, I got error after error by strictly following along. You are great developer and mentor, please just slow down and make sure you are not forgetting to tell us each and every step. Hope you don't take this too hard, we all enjoy your work.

[younessesoft]

Thank you when I finish my exams I will take your lessons in udemy Inchalah Ramadan Kareem for all muslim

[mr_wormhole]

ok tip 1: this.fireau.auth.signInWithEmailAndPassword(this.user.email, this.user.password); I forgot this before user.email and password i have faced module error which actually says email is not defined.That costed me 3 hours i was about to throw laptop from 3rd floor of my apartment.So guys this is quite important.Probably it is because of ionic security updates.Dont forget this.The instructor is so good.Check out his courses on udemy he is super cool.He tells the shortest, fulfilling and sweet part as always

[mariosconnou]

Hey thete Paul! Great video! Can you tell me what u use to create your wire frames? Thank you and keep up the great job

[kumaresha]

Great video on Ionic. I liked it. Can you do video on how to upload photo during register page.

[VinodChandaliya]

hey Paul, nice tutorial got better understanding of firebase after watching ur tutorial; I have a query, how do we differentiate normal user and admin user in the same application, like admin user will have some additional functionalities

[Starfreck]

What should I do for implementing logout functionality in your app? any suggestions?

[fedesardo]

great! thanks Paul. I was waiting for learn ionic+firebase based on your examples. !

[madeleinewesterstrom]

Amazing tutorial! thanks heaps!! but is the last function really working where you send a message (toast) to the user depending on successful or not successful login? looking forward to you answer! thanks xxx maddie

[ryan.aquino]

what if i want additional information upon signing up in the application? like for example address, age, Name

[mrskanine]

Can you please show how to do Login and Register validations? Like when people put in special characters in inserting a email address.

[matthewstratton]

The toast pops up, but it is not recognizing a value for ${data.email}, it just says ${data.email}. It works if I do message : 'Welcome back ' + data.email

[Nurundin]

Thanks very much for this video. May I know the name of the text editor you are using?

[MichaWojciksuprice_today]

Hey Paul,

Nice Tutorial! - Thx for your working.

What is a name for terminal app and theme?

[DanielWeikert]

Thanks for the tutorial. One question I got an runtime error when i insert a wrong password.

"(Runtime Error
There is no user record corresponding to this identifier. The user may have been deleted.)"

Is there a way to switch to the toast message instead of that?

[shaileshpendam]

i get the data from firebase even console also error is that ( {code: "auth/argument-error", message: "signInWithEmailAndPassword failed: Second argument "password" must be a valid string."}) register is done but login is not working please suggest me

[tesh]

So how do I go on about in navigating back to the login page?

logout() {
this.afAuth.auth.signOut();
//write nav
}

[clarksolarte]

will the user model still be functional even when i add more fields to the array? like firstname, lastname and etc? will the function still work? or will it just work if you only have the email and password field?

[sheetalsharma]

another great tutorial by paul halliday😃 could you plz tell me which debugger are u using???

[TheSILVERVEVO]

Hi Paul, great tutorials :D how can i make it if user is not logged in to redirect him to welcome page which has register page and login page and if user is loged in to direct it at home page because this way at your tutorial the user should login everytime that he opens the app.
Thanks