Adding alerts to authentication

Ionic Framework ionic-v3
1

Hi,
So I ve just created new page with authentication (with firebase) and I am wondering how to add alerts to Login page so for example there won’t be errors like “Wrong email format”, or if the email won’t be corrent, the alerts would popout.

My code in ts:

async login(user: User){
    const result = this.aFAuth.auth.signInWithEmailAndPassword(user.email, user.password);
      this.navCtrl.setRoot(MainPage);
  }

Thanks for helping!

2

I recommend this guidance from Josh:

3

What about when somebody isnt in the firebase?

4

I mean, when someone tries to login with wrong email and password, app gets error and it still move forward the user to the next page. How to prevent it?

5

An if clause to prevent the navigation when there was an error?

6

Probably if u use the promise pattern with then and catch (instead of async?) u can handle properly

7

Yea, sounds good. But maybe can you gauide me how to do this? I am pretty bew to ionic, making my first app.

8

https://firebase.google.com/docs/auth/web/password-auth

Lots of examples

Use google too

Or continue async await and learn like me from

1 Like