Autentica con Firebase de forma anónima mediante JavaScript

Puedes usar Firebase Authentication para crear y usar cuentas anónimas temporales para autenticar con Firebase. Estas cuentas se pueden usar para permitir que los usuarios que aún no se registraron en la app trabajen con datos protegidos mediante reglas de seguridad. Si un usuario anónimo decide registrarse para usar la app, puedes vincular sus credenciales de acceso con la cuenta anónima, de manera que pueda continuar usando sus datos protegidos en sesiones futuras.

Antes de comenzar

1. Agrega Firebase al proyecto de JavaScript.
2. Si aún no conectas la app al proyecto de Firebase, puedes hacerlo desde Firebase console.
3. Habilita la autenticación anónima:
   1. En Firebase console, abre la sección Auth.
   2. En la página Métodos de acceso, habilita el método de acceso Anónimo.

Autentica en Firebase de forma anónima

Cuando un usuario que no accedió a su cuenta usa una función de la app que necesita una autenticación con Firebase, haz que el usuario acceda de forma anónima mediante los siguientes pasos:

1. Llama al método signInAnonymously:

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

   Aquí también puedes detectar y resolver errores. Para obtener una lista de códigos de error, consulta los documentos de referencia de autenticación.
2. Si el método signInAnonymously se completa sin errores, el observador registrado en onAuthStateChanged se activará y podrás obtener los datos de la cuenta del usuario anónimo a partir del objeto User:

   firebase.auth().onAuthStateChanged(function(user) {
     if (user) {
       // User is signed in.
       var isAnonymous = user.isAnonymous;
       var uid = user.uid;
       // ...
     } else {
       // User is signed out.
       // ...
     }
     // ...
   });

Convierte una cuenta anónima en una permanente

Cuando un usuario anónimo se registra en la app, tal vez sea conveniente permitirle que continúe su trabajo con su cuenta nueva. Por ejemplo, puede que desees hacer que los elementos que el usuario agregó a su carrito de compras antes de registrarse estén disponibles en el carrito de compras de su cuenta nueva. Para hacerlo, completa los siguientes pasos:

1. Cuando el usuario se registre, completa el flujo de acceso para el proveedor de autenticación del usuario hasta el paso anterior a llamar a uno de los métodos Auth.signInWith. Por ejemplo, obtén el token del ID de Google, el token de acceso a Facebook o la dirección de correo electrónico y la contraseña del usuario.

2. Obtén una AuthCredential para el proveedor de autenticación nuevo:

   Acceso con Google

   var credential = firebase.auth.GoogleAuthProvider.credential(
       googleUser.getAuthResponse().id_token);
   

   Acceso con Facebook

   var credential = firebase.auth.FacebookAuthProvider.credential(
       response.authResponse.accessToken);
   

   Acceso con correo electrónico y contraseña

   var credential = firebase.auth.EmailAuthProvider.credential(email, password);
   

3. Pasa el objeto AuthCredential al método link del usuario que accedió:

   
   firebase.auth().currentUser.linkAndRetrieveDataWithCredential(credential).then(function(usercred) {
     var user = usercred.user;
     console.log("Anonymous account successfully upgraded", user);
   }, function(error) {
     console.log("Error upgrading anonymous account", error);
   });
   

Si la llamada a link se hace correctamente, la nueva cuenta del usuario puede acceder a los datos de Firebase de la cuenta anónima.

Pasos siguientes

Ahora que los usuarios pueden autenticar con Firebase, puedes controlar su acceso a la información de tu base de datos con las reglas de Firebase.