如何观察 firebase.auth().currentUser.displayName 和其他属性的变化？

Question

我正在使用 firebase 身份验证，当用户更改他们的个人资料时，例如他们的 displayName、photoURL 或 email 等。onAuthStateChanged 回调不会被触发，但底层的 firebase.auth().currentUser 会得到自动更新。

我需要在用户更新他们的个人资料后更新 UI，即。我想让firebase.auth().currentUser 与客户端商店（特别是vuex 或redux-like 商店）保持同步。

有没有办法观察firebase.auth().currentUser 的变化，或者当firebase.auth().currentUser 变化时我可以使用任何其他挂钩来获得通知？

谢谢！

Answer 1

我遇到了同样的问题，我正在使用 react 并希望看到一个从 Send verification Email 更改为 Email Verified 的组件。我所做的是创建一个在用户实例上包装reload 方法的函数。这是一个承诺，所以当承诺兑现时，我现在调用 firebase.auth().currentUser 函数，该函数现在获取重新加载的更新原因。我将所有这些与一些组件生命周期等相匹配。

const user = firebase.auth().currentUser;
user.reload().then(() => {
  const refreshUser = firebase.auth().currentUser;
  // do your stuff here
})

重新加载的文档在那里。 https://firebase.google.com/docs/reference/js/firebase.User#reload

希望能帮到你:)

Answer 2

Firebase 身份验证用户配置文件更改时没有任何回调。典型的模式是每次在客户端应用程序中触发身份验证侦听器时，将用户配置文件数据写入数据存储（例如实时数据库）。然后，客户可以收听每个用户的个人资料数据所在的位置，并自行对这些更改做出反应。此外，您可以使用Cloud Functions for Firebase 编写一个数据库写入触发器，该触发器可以检查写入配置文件数据时是否有任何实际更改，并根据需要采取措施。