I finally got my authentication to work in terms of creating users and logging in and out. But now, I want to implement something that checks if the user already exists in Firebase. I’ve looked it up but can’t seem to find a concrete answer.
For example, if my email address is: abc12@gmail.com and someone else tries to signup with the same email address, how do I tell them it’s already taken?
login(e) { e.preventDefault(); fire.auth().signInWithEmailAndPassword(this.state.email, this.state.password) .then((u) => { }).catch((error) => { console.log(error); }); } signup(e) { e.preventDefault(); fire.auth().createUserWithEmailAndPassword(this.state.email, this.state.password) .then((u) => { }).catch((error) => { console.log(error); }); }
Advertisement
Answer
The error that is returned from method createUserWithEmailAndPassword
has a code
property. Per the documentation the error code
auth/email-already-in-use:
Thrown if there already exists an account with the given email address.
At very minimum you can utilize conditional statements such as if
/else
or switch
to check for that code
and display/log/dispatch/etc a message or code to the user:
fire.auth().createUserWithEmailAndPassword(this.state.email, this.state.password) .then(u => {}) .catch(error => { switch (error.code) { case 'auth/email-already-in-use': console.log(`Email address ${this.state.email} already in use.`); break; case 'auth/invalid-email': console.log(`Email address ${this.state.email} is invalid.`); break; case 'auth/operation-not-allowed': console.log(`Error during sign up.`); break; case 'auth/weak-password': console.log('Password is not strong enough. Add additional characters including special characters and numbers.'); break; default: console.log(error.message); break; } });
Hopefully that helps!