Firebase在发送验证电子邮件之前发布成功的注册重定向

Question

I am chaining promises here:

1. First to send verification email
2. Then update user profile information
3. Then redirect user to my app's dashboard page

I was expecting the .then calls to happen only when the previous ones have finished execution. But instead, redirection is happening before sending verification email or updating profile. Below is the piece of code responsible for the same:

function authorizeWithFireBase(email,displayName,password,photoURL){
    var user = null;
    var failText = document.getElementById("signup-invalid-message");

    //NULLIFY EMPTY ARGUMENTS
    for (var i = 0; i < arguments.length; i++) {
        arguments[i] = arguments[i] ? arguments[i] : null;
    }
    auth.createUserWithEmailAndPassword(email, password)
    .then(function () {
        user = auth.currentUser;
        user.sendEmailVerification();
    })
    .then(function () {
        user.updateProfile({
            displayName: displayName,
            photoURL: photoURL
        });
    })
    .then(function () {
        window.location.replace("/path/to/private/app/dashboard/page");
    })
    .catch(function(error) {
        if(error.code == 'auth/weak-password') {
            failText.innerHTML = "Please set a complex password!"
        }
        else {
            failText.innerHTML = error.message;
        }
    });
    console.log('Validation link was sent to ' + email + '.');
}

I tried switching the

.then(function() {...})

to

.then( () => function() {...})

but then none of the 3 .then() part get executed.

What am I doing wrong and how can I chain these promises to carry all 3 of the above mentioned steps?

Answer 1

You have to return a promise from within each then() to be able to chain them. Lucky for you sendEmailVerification() and updateProfile() both return promises, so it's a simple change:

auth.createUserWithEmailAndPassword(email, password)
.then(function () {
    user = auth.currentUser;
    return user.sendEmailVerification();
})
.then(function () {
    return user.updateProfile({
        displayName: displayName,
        photoURL: photoURL
    });
})
.then(function () {
    window.location.replace("/path/to/private/app/dashboard/page");
})
.catch(function(error) {
    if(error.code == 'auth/weak-password') {
        failText.innerHTML = "Please set a complex password!"
    }
    else {
        failText.innerHTML = error.message;
    }
});