Autenticarse con Firebase de forma anónima utilizando JavaScript

Puede usar Firebase Authentication para crear y usar cuentas anónimas temporales para autenticarse con Firebase. Estas cuentas anónimas temporales se pueden utilizar para permitir que los usuarios que aún no se hayan registrado en su aplicación trabajen con datos protegidos por reglas de seguridad. Si un usuario anónimo decide registrarse en su aplicación, puede vincular sus credenciales de inicio de sesión a la cuenta anónima para que pueda continuar trabajando con sus datos protegidos en sesiones futuras.

Antes de que empieces

  1. Agrega Firebase a tu proyecto de JavaScript .
  2. Si aún no has conectado tu aplicación a tu proyecto de Firebase, hazlo desde Firebase console .
  3. Habilitar autenticación anónima:
    1. En Firebase console , abre la sección Auth .
    2. En la página Métodos de inicio de sesión , habilite el método de inicio de sesión anónimo .
    3. Opcional : si actualizó su proyecto a Firebase Authentication con Identity Platform , puede habilitar la limpieza automática. Cuando habilita esta configuración, las cuentas anónimas de más de 30 días se eliminarán automáticamente. En proyectos con la limpieza automática habilitada, la autenticación anónima ya no contará para los límites de uso ni las cuotas de facturación. Consulte Limpieza automática .

Autenticarse con Firebase de forma anónima

Cuando un usuario que no ha iniciado sesión utiliza una función de la aplicación que requiere autenticación con Firebase, inicie sesión del usuario de forma anónima completando los siguientes pasos:

  1. Llame al método signInAnonymously :

    Web modular API

    import { getAuth, signInAnonymously } from "firebase/auth";

const auth = getAuth();
signInAnonymously(auth)
  .then(() => {
    // Signed in..
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;
    // ...
  });
    auth_anon_sign_in.js

    Web namespaced API

    firebase.auth().signInAnonymously()
  .then(() => {
    // Signed in..
  })
  .catch((error) => {
    var errorCode = error.code;
    var errorMessage = error.message;
    // ...
  });
    anonymous.js
    Aquí también es donde puedes detectar y manejar errores. Para obtener una lista de códigos de error, consulte 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á obtener los datos de la cuenta del usuario anónimo del objeto User :

    Web modular API

    import { getAuth, onAuthStateChanged } from "firebase/auth";

const auth = getAuth();
onAuthStateChanged(auth, (user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/auth.user
    const uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});
    auth_state_listener.js

    Web namespaced API

    firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    // User is signed in, see docs for a list of available properties
    // https://firebase.google.com/docs/reference/js/v8/firebase.User
    var uid = user.uid;
    // ...
  } else {
    // User is signed out
    // ...
  }
});
    index.js

Convertir una cuenta anónima en una cuenta permanente

Cuando un usuario anónimo se registra en su aplicación, es posible que desee permitirle continuar su trabajo con su nueva cuenta; por ejemplo, es posible que desee que los artículos que el usuario agregó a su carrito de compras antes de registrarse estén disponibles en su nueva cuenta. carrito de compras de la cuenta. Para hacerlo, complete los siguientes pasos:

  1. Cuando el usuario se registre, complete el flujo de inicio de sesión para el proveedor de autenticación del usuario hasta, pero sin incluir, llamar a uno de los métodos Auth.signInWith . Por ejemplo, obtenga el token de identificación de Google del usuario, el token de acceso de Facebook o la dirección de correo electrónico y la contraseña.

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

    Iniciar sesión en Google

    Web modular API

    import { GoogleAuthProvider } from "firebase/auth";

const credential = GoogleAuthProvider.credential(
  googleUser.getAuthResponse().id_token);
    auth_make_google_credential.js

    Web namespaced API

    var credential = firebase.auth.GoogleAuthProvider.credential(
  googleUser.getAuthResponse().id_token);
    index.js
    Iniciar sesión en Facebook

    Web modular API

    import { FacebookAuthProvider } from "firebase/auth";

const credential = FacebookAuthProvider.credential(
  response.authResponse.accessToken);
    auth_make_facebook_credential.js

    Web namespaced API

    var credential = firebase.auth.FacebookAuthProvider.credential(
  response.authResponse.accessToken);
    index.js
    Inicio de sesión con contraseña de correo electrónico

    Web modular API

    import { EmailAuthProvider } from "firebase/auth";

const credential = EmailAuthProvider.credential(email, password);
    auth_make_email_credential.js

    Web namespaced API

    var credential = firebase.auth.EmailAuthProvider.credential(email, password);
    link-multiple-accounts.js

  3. Pase el objeto AuthCredential al método link del usuario de inicio de sesión:

    Web modular API

    import { getAuth, linkWithCredential } from "firebase/auth";

const auth = getAuth();
linkWithCredential(auth.currentUser, credential)
  .then((usercred) => {
    const user = usercred.user;
    console.log("Anonymous account successfully upgraded", user);
  }).catch((error) => {
    console.log("Error upgrading anonymous account", error);
  });
    auth_anonymous_link.js

    Web namespaced API

    auth.currentUser.linkWithCredential(credential)
  .then((usercred) => {
    var user = usercred.user;
    console.log("Anonymous account successfully upgraded", user);
  }).catch((error) => {
    console.log("Error upgrading anonymous account", error);
  });
    link-multiple-accounts.js

Si la llamada para link tiene éxito, la nueva cuenta del usuario puede acceder a los datos de Firebase de la cuenta anónima.

limpieza automática

Si actualizó su proyecto a Firebase Authentication con Identity Platform , puede habilitar la limpieza automática en Firebase console. Cuando habilitas esta función, permites que Firebase elimine automáticamente cuentas anónimas con más de 30 días. En proyectos con la limpieza automática habilitada, la autenticación anónima no contará para los límites de uso ni las cuotas de facturación.

  • Cualquier cuenta anónima creada después de habilitar la limpieza automática puede eliminarse automáticamente en cualquier momento después de 30 días de su creación.
  • Las cuentas anónimas existentes serán elegibles para la eliminación automática 30 días después de habilitar la limpieza automática.
  • Si desactiva la limpieza automática, cualquier cuenta anónima programada para su eliminación seguirá estando programada para su eliminación.
  • Si "actualiza" una cuenta anónima vinculándola a cualquier método de inicio de sesión, la cuenta no se eliminará automáticamente.

Si desea ver cuántos usuarios se verán afectados antes de habilitar esta función y ha actualizado su proyecto a Firebase Authentication con Identity Platform , puede filtrar por is_anon en Cloud Logging .

Próximos pasos

Ahora que los usuarios pueden autenticarse con Firebase, puedes controlar su acceso a los datos en tu base de datos de Firebase usando las reglas de Firebase .