Firebase Web 数据库接收数据

Question

我目前正在从事一个项目，并且正处于注册表单的阶段。我正在使用 Firebase 进行数据库和身份验证。目前我可以让用户使用电子邮件和密码注册并登录我的应用程序。但是，当他们单击注册按钮时，我目前正在尝试将用户信息存储到我的数据库中。

这是我的 JS 代码：

//Sign up
function signup(){
  var userEmail = document.getElementById("txtEmail").value; //Email input value
  var userPassword = document.getElementById("txtPassword").value; //Password input value
  var user = firebase.auth().currentUser; //Current user


  <!--Sign up user to app-->
  firebase.auth().createUserWithEmailAndPassword(userEmail, userPassword).then(function(user) {
      logUser(user); // call logUser Function if successful
  }, function(error) {
      // Handle Errors here.
      var errorCode = error.code;
      var errorMessage = error.message;
      window.alert("Error: " + error.message);
  });

  function logUser(user) {
      var ref = firebase.database().ref("users"); //database ref
      var obj = {
          "user": user.uid,     //users data to be entered
          "email": user.email
          };
      ref.push(obj);
  }

  //if email is not null redirect page.
  if(userEmail != ''){
      <!----Loads Sign up page according to select drop down list---------->
      var doc = document.getElementById('selectMenu');
      location = doc.options[doc.selectedIndex].value;
      }
  }

在我的网站上，用户可以注册为两种不同类型的用户。在他们注册之前，他们使用列表选择他们想要注册的用户类型。在他们填写完必填字段并单击注册按钮后，根据在选择列表中选择的选项，他们将被重定向到完整的注册表单，并在其中填写更多详细信息。

页面重定向由最后一个 if 语句处理：

//if email is not null redirect page.
  if(userEmail != ''){
      <!----Loads Sign up page according to select drop down list---------->
      var doc = document.getElementById('selectMenu');
      location = doc.options[doc.selectedIndex].value;
      }
  }

如果没有这个 if 语句，数据会很好地写入数据库，但无论我将它放在 signup() 函数中的哪个位置，它都会阻止数据写入数据库。我只是不明白为什么。谁能帮忙看看问题？如果您需要更多详细信息，请告诉我。

谢谢。

Answer 1

创建推送函数成功或错误后提供的回调，然后在回调中传递重定向代码行。因为代码将同步，并且在将数据推送到 Firebase 后会触发。

function logUser(user) {
    var ref = firebase.database().ref("users"); //database ref
    var obj = {
          "user": user.uid,     //users data to be entered
          "email": user.email
          };
    ref.push(obj, () => {
        if(user.email != ''){
            <!----Loads Sign up page according to select drop down list---------->
            var doc = document.getElementById('selectMenu');
            location = doc.options[doc.selectedIndex].value;
        }
    });
}

或者你可以返回promise来同步then里面的重定向代码

let logUser = function(user){
    return new Promise((resolve, reject) => {
        var ref = firebase.database().ref("users"); //database ref
        var obj = {
              "user": user.uid,     //users data to be entered
              "email": user.email
        };
        ref.push(obj);
    });
};

logUser.then(() => {
    if(user.email != ''){
        <!----Loads Sign up page according to select drop down list---------->
        var doc = document.getElementById('selectMenu');
        location = doc.options[doc.selectedIndex].value;
    }
})