javascript - 从 webapps 的 firebase 读取用户数据后，在 html 标签中显示用户数据

Question

这是我的数据库的结构，每个用户都在一个子级中，其值与其用户 ID 相同

这是我正在使用的代码

var userId = firebase.auth().currentUser.uid;
return firebase.database().ref('/users/' + userId).child("userName").once('value').then(function(snapshot) {
  var username = (snapshot.val() && snapshot.val().username) || 'Anonymous';
  $("#name-tag").append(username);
});

我想要 userName 值并且必须显示它

Answer 1

首先更改验证用户身份的方式，然后创建对数据库的正确引用。

firebase.auth().onAuthStateChanged(function(user) {
        if (user) {
            // User is signed in.
            var userDBRef = firebase.database().ref().child("User Database").child(user.uid);
            userDBRef.on("value", function(userDB){
                $("#para-id").append(userDB.child("userName").val());
            });
        } else {
            // No user is signed in.
            console.log("no user!!!");
        }
        });