如何使用VueJs和Firebase访问用户数据库

Posted 2021-05-05

我试图在用户使用Firebase登录后输出当前经过身份验证的用户名。

目前在VueJs我得到.currentUser然后访问users数据库。如截图所示，我正在尝试输出与/users/数据库中当前用户UID匹配的用户名。问题是username的日志输出为null

getName: function () {
  var userId = firebase.auth().currentUser.uid;
    return firebase.database().ref('/users/' + userId).once('value').then(function(snapshot) {
  var username = (snapshot.val() && snapshot.val().username);
     console.log(username)
    })
},

答案

getName: function () {
   var userId = firebase.auth().currentUser.uid;
   return firebase.database().ref('/users/' + 
      userId).on('value', function(snapshot) {
         if (snapshot.val()) {
            var obj = snapshot.val();
            var userName = snapshot.val().username;
            console.log('username:', userName)
         }
   });
}

一旦方法只调用一次节点，但每次都会调用。