如何从 Firebase 获取 displayName？

Question

我一直无法从Firebase中获取显示名称。下面是注册过程编码

 const promise = auth.createUserWithEmailAndPassword(email, pass)
 .then(
    (user)=>{
   // here you can use either the returned user object or       
 firebase.auth().currentUser. I will use the returned user object
      if(user){
        user.updateProfile({
           displayName: textUsername.val(),
        //    photoURL: // some photo url
        })
      }
  })
  .then( function() {
      console.log('User Name Set!')
  })
  .catch(function() {
    console.log('error')
  });
 promise.catch(e => console.log(e.message));

 })

 firebase.auth().onAuthStateChanged(firebaseUser => {
  if(firebaseUser) {
      console.log(firebaseUser)
  } else {
    console.log('not logged in');
  }
 })

控制台.log显示“用户名集！”，控制台.log（firebaseUser）显示显示名称是在当前用户的数据库中设置的，并且名称是我期望的。然而

console.log(firebase.auth().currentUser) 

给出null，并且

if (user != null) {
    console.log(user.displayName);
}

这也返回为null。

我一直在寻找获取firebase数据集数据的方法，但我无法做到这一点。

如果有人能给我一些建议，那就太好了。

非常感谢。

Answer 1

我最终用递归来解决这个问题。我希望有更优雅的方式，但这是唯一适合我的方式。如果您用不同的解决方案解决了这个问题，请分享！

我需要这个来创建新用户。当有人登录时，它似乎永远不会返回 null。

setTimeout（）将递归速度降低了0.5秒，这样您就不会因为多次调用该函数而出错。您可以通过调整毫秒来加速或减慢它。

工作代码：

auth.onAuthStateChanged(user => {
    if (user) {
      // Everything inside here happens if user is signed in
      console.log(user)

      // Greet the user with a message and make it personal by using their display name
     injectDisplayName = () => {
          if(firebase.auth().currentUser.displayName === null){
              console.log('happens');
              setTimeout(() => {
                injectDisplayName()
            }, 500)
          } else {
              document.getElementById('display-name-header').textContent = `Hello, ${firebase.auth().currentUser.displayName}`
          } 
      }
      injectDisplayName()

    } else {
      // Everything inside here happens if user is not signed in
    }
  })

Answer 2

< code > firebase . auth()current user . display name 返回OAuth提供程序的显示名称。但是，< code>firebase.auth()。currentUser异步解析，在页面加载时暂时为空。如果将< code > console . log(firebase . auth(). current user . display name)放在< code >中。onAuthStateChanged你会看到的。