使用社交媒体登录后如何获取用户的详细信息？

Question

我正在使用Firebase进行身份验证并使用普通的javascript（不是AngularJS或任何其他框架，例如Angular2或ionic）。 在通过google或Facebook成功注册后，我想显示用户名，使用电子邮件和用户图像。

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
    var displayName = user.displayName;
    var email = user.email;
    var photoURL = user.photoURL;
} else {
    // User is not logged in, redirect to where you need to.
      console.log("Logged out");
}

上面是页面上的代码段，成功注册后应该会显示出来。

我使用以下内容来显示详细信息，但是页面仅显示了标记中编写的内容。

<p class="isLoggedIn">Logged In: {{user_displayName}} ({{user_email}})<p>

我要去哪里错了？

任何形式的帮助将不胜感激。 谢谢。

Answer 1

您的变量仅在方法内部可用，而不会在函数外部获取。 另外，如果您不使用AngularJS，则将这样的值放入html（将数据绑定到视图的角度方法）的做法是错误的。

参见此内容，了解如何使用普通的javascript编写数据： https : //stackoverflow.com/a/10507608/4428159