我如何使用Firebase简单登录电子邮件

Question

Firebase 简单登录提供电子邮件/密码选项，我该如何使用它？从创建用户、为该用户存储数据开始，到登录和注销。

Answer 1

以防有人访问此线程并使用firebase身份验证查找一些示例应用程序。下面是两个示例

var rootRef = new Firebase('https://docs-sandbox.firebaseio.com/web/uauth');
......
.....
....

http://jsfiddle.net/firebase/a221m6pb/embedded/result,js/

http://www . 42id . com/articles/firebase-authentic ation-and-angular-js/

Answer 2

需要执行三个不同的步骤(假设您有jQuery):

1.设置回调

var ref = new Firebase("https://demo.firebaseio-demo.com");
var authClient = new FirebaseAuthClient(ref, function(error, user) {
  if (error) {
    alert(error);
    return;
  }
  if (user) {
    // User is already logged in.
    doLogin(user);
  } else {
    // User is logged out.
    showLoginBox();
  }
});

2. 用户注册

function showLoginBox() {
  ...
  // Do whatever DOM operations you need to show the login/registration box.
  $("#registerButton").on("click", function() {
    var email = $("#email").val();
    var password = $("#password").val();
    authClient.createUser(email, password, function(error,  user) {
      if (!error) {
        doLogin(user);
      } else {
        alert(error);
      }
    });
  });
}

3.用户登录

function showLoginBox() {
  ...
  // Do whatever DOM operations you need to show the login/registration box.
  $("#loginButton").on("click", function() {
    authClient.login("password", {
      email: $("#email").val(),
      password: $("#password").val(),
      rememberMe: $("#rememberCheckbox").val()
    });
  });
}

当登录成功完成时，将使用正确的用户对象调用您在步骤1中注册的调用，此时我们调用< code>doLogin(user)，这是一个您必须实现的方法。

用户数据的结构非常简单。它是一个包含以下属性的对象：

电子邮件：用户 ID 的电子邮件地址：用户的唯一数字（自动递增）ID

FirebaseAuthClient将自动为您验证您的firebsae，无需进一步操作。现在，您可以在安全规则中使用类似下面的内容:

{
  "rules": {
    "users": {
      "$userid": {
        ".read": "auth.uid == $userid",
        ".write": "auth.uid == $userid"
      }
    }
  }
}

这意味着，如果我的用户ID为42，则只有我可以在＜code＞example.firebaseio-demo上写或读。com/users/42-当我登录时-没有其他人。

请注意，简单登录除了用户的ID和电子邮件之外，不存储任何其他用户信息。如果您想要存储关于用户的附加数据，您必须自己完成(可能在< code>createUser的成功回调中)。您可以像在Firebase中存储任何数据一样存储这些数据——只是要小心谁可以读取或写入这些数据！