在网站上开始使用 Firebase 身份验证

利用 Firebase 身份验证，您可以允许用户通过一种或多种方式登录到您的应用，其中包括电子邮件地址和密码登录以及联合身份提供方（如 Google 登录和 Facebook 登录）。本教程将向您展示如何为自己的应用添加电子邮件地址和密码登录功能，以开始使用 Firebase 身份验证。

将您的应用关联至 Firebase

安装 Firebase SDK。请务必按照说明将配置代码粘贴到您的网页中。

注册新用户

创建一个表单，允许新用户使用自己的电子邮件地址和密码注册您的应用。当用户填好该表单后，验证用户提供的电子邮件地址和密码，然后将其传递给 createUserWithEmailAndPassword 方法：

firebase.auth().createUserWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
});
email-password.html

登录现有用户

创建一个表单，允许现有用户使用自己的电子邮件地址和密码登录。当用户填好该表单后，调用 signInWithEmailAndPassword 方法：

firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
  // Handle Errors here.
  var errorCode = error.code;
  var errorMessage = error.message;
  // ...
});
email-password.html

设置身份验证状态观察者并获取用户数据

针对应用中需要已登录用户的信息的每个页面，将观察者附加到全局身份验证对象。每当用户的登录状态发生变化时，系统都会调用此观察者。

请使用 onAuthStateChanged 方法附加观察者。当用户成功登录时，您可以从观察者中获取用户的相关信息。

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
    var displayName = user.displayName;
    var email = user.email;
    var emailVerified = user.emailVerified;
    var photoURL = user.photoURL;
    var isAnonymous = user.isAnonymous;
    var uid = user.uid;
    var providerData = user.providerData;
    // ...
  } else {
    // User is signed out.
    // ...
  }
});
email-password.html

后续步骤

了解如何添加对其他身份提供方服务和匿名访客帐号的支持：