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

后续步骤

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

发送以下问题的反馈:

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