Firebase v3 createUserWithEmailAndPassword .then Promise

Question

Firebase v3 Reference Guide indicates that createUserWithEmailAndPassword(email, password) returns firebase.Promise containing non-null firebase.User.

The Firebase v3 Authenticate with Firebase using Password-Based Accounts Guide shows the following example

firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
});

My question is, I want to fire a function which adds the user to my users node in my Realtime Database. I want to include the users display name that I collected from the sites registration form. So, it seems like I want to do a .then and if the createUserWithEmailAndPassword method was successful I want to fire a function that writes the new user (with display name) to my Realtime Database users node.

How do I modify the example script to a .then style?

score 44 · Accepted Answer · edited May 23 '17 at 11:47

44

Here is the correct use of then() and error handling with createUserWithEmailAndPassword:

firebase.auth().createUserWithEmailAndPassword(email, password).then(function(user) {
    var user = firebase.auth().currentUser;
    logUser(user); // Optional
}, function(error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;
});

function logUser(user) {
    var ref = firebase.database().ref("users");
    var obj = {
        "user": user,
        ...
    };
    ref.push(obj); // or however you wish to update the node
}

I have another example here.

edited May 23 '17 at 11:47

Community

1
1

answered Jul 21 '16 at 18:26

theblindprophet

7,767
5
37
55

7

What is the benefit of using var user = firebase.auth().currentUser; versus what comes back in the promise? – Adam Youngers May 26 '18 at 02:17
There is none. It is equivalent. – theblindprophet Oct 25 '20 at 10:33

score 4 · Answer 2 · answered Jul 21 '16 at 18:24

Check this, you need to read payload or snapshot(firebase term)

firebase.auth().createUserWithEmailAndPassword(credentials.email, credentials.password)
                .then((authData) => {
                    console.log("User created successfully with payload-", authData);
                    //Write code to use authData to add to Users
                }).catch((_error) => {
                    console.log("Login Failed!", _error);
                })

score 3 · Answer 3 · answered Jul 21 '16 at 18:31

3

Here's what I did and it worked.

        function registerUsername(email,password,displayName){
            firebase.auth().createUserWithEmailAndPassword(email, password).then(function(value) {
                console.log(value);
                }).catch(function(error) {
                    console.log(error);
                });
        }

answered Jul 21 '16 at 18:31

Ronnie Royston

16,778
6
77
91

@MithunPattankar I voted your answer up but accepted the other one just bcs it was easier for me to read. The ES6 you used is sharp but not as simple to me. Thank you very much for your answer though. – Ronnie Royston Jul 21 '16 at 20:36

score 1 · Answer 4 · answered Apr 29 '20 at 18:31

Just for future stumbles upon it, an await-async example:

export const doCreateUserWithEmailAndPassword = async (pEmail, pPassword) => {
    try {
        const authResult = await app.auth().createUserWithEmailAndPassword(pEmail, pPassword);
         usersRef.doc(authResult.user.uid)
            .set({
                email: pEmail,
                created: firebase.firestore.FieldValue.serverTimestamp(),
              });
    }
    catch(error){
        console.log(error);
    }
}

Firebase v3 createUserWithEmailAndPassword .then Promise

4 Answers4

Linked