Firebase 设置方法未将数据添加到现有集合

Question

我正在使用 VUEX 和 Firebase 创建一个注册表，其中包含三个字段名称、电子邮件、密码。 首先，我使用 createUserWithEmailAndPassword 方法添加用户，但我也想将名称归档数据添加到现有空白集合中，这里我使用 set 方法。 但它没有在集合中添加名称字段数据。

methods: {
onSignUp() {
        firebase
        .auth()
        .createUserWithEmailAndPassword(this.email, this.password)
        .then(user => {
            console.log(user);
            console.log(user.user.uid);

            firebase.database.collection("profiles").doc(user.user.id).set({
                name: this.name
            })
            .then(function() {
                console.log("Document successfully written!");
            })
            .catch(function(error) {
                console.error("Error writing document: ", error);
            });

            this.$store.dispatch('signUserUp', user);

        })
        .catch(error => {
            this.$store.dispatch('signUserError', error)
        });
    }
}

data(){
  return {
    name: "",
    email: "",
    password: "",
  }
}

提交表单后，它添加了一个新用户，我还可以在控制台中看到 uid，但有些不更新数据库中的名称字段。

Answer 1

您应该使用firebase.firestore()而不是firebase.database （请参阅此文档），因此请按如下方式调整您的代码：

onSignUp() {
        firebase
        .auth()
        .createUserWithEmailAndPassword(this.email, this.password)
        .then(user => {
            console.log(user);
            console.log(user.user.uid);

            return firebase.firestore().collection("profiles").doc(user.user.id).set({
                name: this.name
            });
         })
         .then(() => {
             console.log("Document successfully written!");
             this.$store.dispatch('signUserUp', user);
         })
        .catch(error => {
            this.$store.dispatch('signUserError', error)
        });
    }
}

---

您还应该检查profiles集合的安全规则是否设置正确。 通常（经过身份验证的）用户应该只能使用自己的userid作为文档 ID 编写文档。