使用社交媒體登錄后如何獲取用戶的詳細信息？

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