Firebase 实时数据库连接数据 - 网络

Question

我必须显示属于登录用户的数据。

我的数据库结构如下：

用户/驱动程序/Uid/姓名、电话... 如何以文本形式显示使用 JavaScript 登录的用户的数据？

<a> Username </a>

Answer 1

如果你有这个 HTML：

<a id="username"> Username </a>

还有这个数据库结构：

Users
  Drivers
    Uid: { name: "Name", phone: "Phone number" }

然后你可以显示当前用户的名字：

var currentUser = firebase.auth().currentUser;
var userRef = firebase.database().ref("Users/Drivers").child(currentUser.uid);
userRef.on("value", function(snapshot) {
  document.getElementById("username").innerText = snapshot.val().name;
})

所以这段代码（逐行）：

1. 确定当前用户
2. 在数据库中创建对该用户数据的引用
3. 开始侦听该数据，这意味着它会加载当前数据，然后监视任何更改
4. 将用户名放入元素中。

将立即调用第 4 行，使用用户的当前值，然后每次用户数据更改时。

另请参阅 listening for values 上的 Firebase 文档。

如果页面也可以在用户未登录（尚未）时加载，您需要确保仅在用户已登录时运行此代码。您可以这是通过使用所谓的身份验证状态更改侦听器来实现的，每当用户的身份验证状态更改时都会调用该侦听器：

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    var userRef = firebase.database().ref("Users/Drivers").child(user.uid);
    userRef.on("value", function(snapshot) {
      document.getElementById("username").innerText = snapshot.val().name;
    })
  }
});

请参阅 getting the current signed in user.. 上的 Firebase 文档。