在网站上开始使用 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;
  // ...
});

现有用户登录

创建一个表单,允许现有用户使用他们的电子邮件地址和密码登录。在用户填好表单后,调用 signInWithEmailAndPassword 方法:

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

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

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

请使用 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.
    // ...
  }
});

后续步骤

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

发送以下问题的反馈:

此网页
需要帮助?请访问我们的支持页面