updateui - ¿Cómo utilizo Firebase Simple Login con correo electrónico y contraseña?

registrar usuario firebase

Question

El inicio de sesión simple de Firebase proporciona una opción de email/password , ¿cómo lo uso? A partir de crear un usuario, almacenar datos para ese usuario, iniciar sesión y salir.

Answer 1

Hay tres pasos distintos para realizar (supongamos que tiene jQuery):

1. Configure su devolución de llamada

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. Registro de usuario

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. Inicio de sesión de usuario

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()
});
});
}

Cuando el inicio de sesión se complete con éxito, se llamará a la llamada que registró en el paso 1 con el objeto de usuario correcto, en cuyo momento llamaremos a doLogin(user) que es un método que deberá implementar.

La estructura de los datos del usuario es muy simple. Es un objeto que contiene las siguientes propiedades:

email : dirección de email electrónico de la id del usuario: id numérica única (incremento automático) para el usuario

FirebaseAuthClient autenticará automáticamente tu firebsae por ti, no se requieren más acciones. Ahora puede usar algo como lo siguiente en sus reglas de seguridad:

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

Esto significa que, si mi ID de usuario es 42, solo puedo escribir o leer en example.firebaseio-demo.com/users/42 - cuando estoy conectado - y nadie más.

Tenga en cuenta que Simple Login no almacena ninguna información adicional sobre el usuario que no sea su ID y correo electrónico. Si desea almacenar datos adicionales sobre el usuario, debe hacerlo usted mismo (probablemente en la exitosa devolución de llamada para createUser ). Puedes almacenar esta información ya que normalmente almacenarías cualquier información en Firebase; ¡solo ten cuidado con quién puede leer o escribir en estos datos!

Answer 2

Solo en caso de que alguien llegue a este hilo y busque alguna aplicación de ejemplo usando la autenticación de Firebase. Aquí hay dos ejemplos

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-authentication-and-angular-js/