Autenticarse con Firebase mediante un enlace de correo electrónico en plataformas Apple

Puede utilizar Firebase Authentication para iniciar sesión en un usuario enviándole un correo electrónico que contenga un enlace en el que puede hacer clic para iniciar sesión. En el proceso, también se verifica la dirección de correo electrónico del usuario.

Existen numerosos beneficios al iniciar sesión por correo electrónico:

  • Registro e inicio de sesión de baja fricción.
  • Menor riesgo de reutilización de contraseñas entre aplicaciones, lo que puede socavar la seguridad incluso de contraseñas bien seleccionadas.
  • La capacidad de autenticar a un usuario y al mismo tiempo verificar que el usuario es el propietario legítimo de una dirección de correo electrónico.
  • Un usuario solo necesita una cuenta de correo electrónico accesible para iniciar sesión. No se requiere propiedad de un número de teléfono o cuenta de redes sociales.
  • Un usuario puede iniciar sesión de forma segura sin necesidad de proporcionar (o recordar) una contraseña, lo que puede resultar engorroso en un dispositivo móvil.
  • Un usuario existente que haya iniciado sesión previamente con un identificador de correo electrónico (contraseña o federado) puede actualizarse para iniciar sesión solo con el correo electrónico. Por ejemplo, un usuario que ha olvidado su contraseña aún puede iniciar sesión sin necesidad de restablecerla.

Antes de que empieces

Utilice Swift Package Manager para instalar y administrar las dependencias de Firebase.

  1. En Xcode, con el proyecto de su aplicación abierto, navegue hasta Archivo > Agregar paquetes .
  2. Cuando se le solicite, agregue el repositorio SDK de las plataformas Firebase Apple:
  3.   https://github.com/firebase/firebase-ios-sdk.git
  4. Elija la biblioteca de autenticación de Firebase.
  5. Agregue el indicador -ObjC a la sección Otros indicadores del vinculador de la configuración de compilación de su objetivo.
  6. Cuando termine, Xcode comenzará automáticamente a resolver y descargar sus dependencias en segundo plano.

Para que los usuarios inicien sesión mediante un enlace de correo electrónico, primero debes habilitar el proveedor de correo electrónico y el método de inicio de sesión mediante enlace de correo electrónico para tu proyecto de Firebase:

  1. En Firebase console , abre la sección Auth .
  2. En la pestaña Método de inicio de sesión , habilite el proveedor de correo electrónico/contraseña . Tenga en cuenta que el inicio de sesión por correo electrónico/contraseña debe estar habilitado para utilizar el inicio de sesión mediante enlace de correo electrónico.
  3. En la misma sección, habilite el método de inicio de sesión mediante enlace de correo electrónico (inicio de sesión sin contraseña) .
  4. Clic en Guardar .

Para iniciar el flujo de autenticación, presente al usuario una interfaz que le solicite que proporcione su dirección de correo electrónico y luego llame a sendSignInLink para solicitar que Firebase envíe el enlace de autenticación al correo electrónico del usuario.

  1. Construya el objeto ActionCodeSettings , que proporciona a Firebase instrucciones sobre cómo construir el enlace de correo electrónico. Establezca los siguientes campos:

    • URL: el enlace profundo que se va a insertar y cualquier estado adicional que se va a transmitir. El dominio del enlace debe estar incluido en la lista blanca de dominios autorizados de Firebase Console, que se puede encontrar en la pestaña Método de inicio de sesión (Autenticación -> Método de inicio de sesión).
    • iOSBundleID y androidPackageName: las aplicaciones que se usarán cuando se abre el enlace de inicio de sesión en un dispositivo Android o Apple. Obtenga más información sobre cómo configurar Firebase Dynamic Links para abrir enlaces de acciones de correo electrónico a través de aplicaciones móviles.
    • handleCodeInApp: establecido en verdadero. La operación de inicio de sesión siempre debe completarse en la aplicación, a diferencia de otras acciones de correo electrónico fuera de banda (restablecimiento de contraseña y verificaciones de correo electrónico). Esto se debe a que, al final del flujo, se espera que el usuario inicie sesión y su estado de autenticación persista dentro de la aplicación.
    • DynamicLinkDomain: cuando se definen varios dominios de vínculos dinámicos personalizados para un proyecto, especifique cuál usar cuando el vínculo se abra a través de una aplicación móvil específica (por ejemplo, example.page.link ). De lo contrario, el primer dominio se selecciona automáticamente.

    Rápido

    let actionCodeSettings = ActionCodeSettings()
    actionCodeSettings.url = URL(string: "https://www.example.com")
    // The sign-in operation has to always be completed in the app.
    actionCodeSettings.handleCodeInApp = true
    actionCodeSettings.setIOSBundleID(Bundle.main.bundleIdentifier!)
    actionCodeSettings.setAndroidPackageName("com.example.android",
                                             installIfNotAvailable: false, minimumVersion: "12")
    

    C objetivo

    FIRActionCodeSettings *actionCodeSettings = [[FIRActionCodeSettings alloc] init];
    [actionCodeSettings setURL:[NSURL URLWithString:@"https://www.example.com"]];
    // The sign-in operation has to always be completed in the app.
    actionCodeSettings.handleCodeInApp = YES;
    [actionCodeSettings setIOSBundleID:[[NSBundle mainBundle] bundleIdentifier]];
    [actionCodeSettings setAndroidPackageName:@"com.example.android"
                        installIfNotAvailable:NO
                               minimumVersion:@"12"];
    

    Para obtener más información sobre ActionCodeSettings, consulte la sección Pasar estado en acciones de correo electrónico .

  2. Solicite al usuario su correo electrónico.

  3. Envíe el enlace de autenticación al correo electrónico del usuario y guarde el correo electrónico del usuario en caso de que complete el inicio de sesión de correo electrónico en el mismo dispositivo.

    Rápido

    Auth.auth().sendSignInLink(toEmail: email,
                               actionCodeSettings: actionCodeSettings) { error in
      // ...
        if let error = error {
          self.showMessagePrompt(error.localizedDescription)
          return
        }
        // The link was successfully sent. Inform the user.
        // Save the email locally so you don't need to ask the user for it again
        // if they open the link on the same device.
        UserDefaults.standard.set(email, forKey: "Email")
        self.showMessagePrompt("Check your email for link")
        // ...
    }
    

    C objetivo

    [[FIRAuth auth] sendSignInLinkToEmail:email
                       actionCodeSettings:actionCodeSettings
                               completion:^(NSError *_Nullable error) {
      // ...
        if (error) {
          [self showMessagePrompt:error.localizedDescription];
           return;
        }
        // The link was successfully sent. Inform the user.
        // Save the email locally so you don't need to ask the user for it again
        // if they open the link on the same device.
        [NSUserDefaults.standardUserDefaults setObject:email forKey:@"Email"];
        [self showMessagePrompt:@"Check your email for link"];
        // ...
    }];
    

Preocupaciones de seguridad

Para evitar que se utilice un enlace de inicio de sesión para iniciar sesión como un usuario no deseado o en un dispositivo no deseado, Firebase Auth requiere que se proporcione la dirección de correo electrónico del usuario al completar el flujo de inicio de sesión. Para que el inicio de sesión sea exitoso, esta dirección de correo electrónico debe coincidir con la dirección a la que se envió originalmente el enlace de inicio de sesión.

Puede optimizar este flujo para los usuarios que abren el enlace de inicio de sesión en el mismo dispositivo en el que solicitan el enlace, almacenando su dirección de correo electrónico localmente cuando envía el correo electrónico de inicio de sesión. Luego, use esta dirección para completar el flujo.

Una vez completado el inicio de sesión, se eliminará del usuario cualquier mecanismo de inicio de sesión no verificado previamente y se invalidarán todas las sesiones existentes. Por ejemplo, si alguien creó previamente una cuenta no verificada con el mismo correo electrónico y contraseña, la contraseña del usuario se eliminará para evitar que el imitador que reclamó la propiedad y creó esa cuenta no verificada vuelva a iniciar sesión con la misma cuenta.

Completar el inicio de sesión en una aplicación móvil de Apple

Firebase Authentication utiliza Firebase Dynamic Links para enviar el enlace de correo electrónico a un dispositivo móvil. Para completar el inicio de sesión a través de la aplicación móvil, la aplicación debe configurarse para detectar el enlace entrante de la aplicación, analizar el enlace profundo subyacente y luego completar el inicio de sesión.

Firebase Auth utiliza Firebase Dynamic Links cuando envía un enlace que debe abrirse en una aplicación móvil. Para utilizar esta función, los enlaces dinámicos deben configurarse en Firebase Console.

  1. Habilite los enlaces dinámicos de Firebase:

    1. En Firebase console , abre la sección Enlaces dinámicos .
    2. Si aún no ha aceptado los términos de Dynamic Links y no ha creado un dominio de Dynamic Links, hágalo ahora.

      Si ya creaste un dominio de Dynamic Links, toma nota. Un dominio de Dynamic Links normalmente se parece al siguiente ejemplo:

      example.page.link

      Necesitará este valor cuando configure su aplicación Apple o Android para interceptar el enlace entrante.

  2. Configuración de aplicaciones de Apple:

    1. Si planeas manejar estos enlaces desde tu aplicación, el ID del paquete debe especificarse en la configuración del proyecto de Firebase Console. Además, también es necesario especificar el ID de la App Store y el ID del equipo de desarrolladores de Apple.
    2. También deberá configurar su dominio de controlador de acciones de correo electrónico como dominio asociado en las capacidades de su aplicación. De forma predeterminada, el controlador de acciones de correo electrónico está alojado en un dominio como el siguiente ejemplo:
      APP_ID.firebaseapp.com
    3. Si planea distribuir su aplicación en las versiones de iOS 8 y anteriores, deberá configurar el ID de su paquete como un esquema personalizado para las URL entrantes.
    4. Para obtener más información sobre esto, consulte las instrucciones para recibir enlaces dinámicos de la plataforma Apple .

Después de recibir el enlace como se describe anteriormente, verifique que esté destinado a la autenticación del enlace de correo electrónico y complete el inicio de sesión.

Rápido

if Auth.auth().isSignIn(withEmailLink: link) {
        Auth.auth().signIn(withEmail: email, link: self.link) { user, error in
          // ...
        }
}

C objetivo

if ([[FIRAuth auth] isSignInWithEmailLink:link]) {
    [[FIRAuth auth] signInWithEmail:email
                               link:link
                         completion:^(FIRAuthDataResult * _Nullable authResult, NSError * _Nullable error) {
      // ...
    }];
}

Para obtener información sobre cómo gestionar el inicio de sesión con un enlace de correo electrónico en una aplicación de Android, consulte la guía de Android .

Para obtener información sobre cómo gestionar el inicio de sesión con un enlace de correo electrónico en una aplicación web, consulte la guía web .

También puede vincular este método de autenticación a un usuario existente. Por ejemplo, un usuario previamente autenticado con otro proveedor, como un número de teléfono, puede agregar este método de inicio de sesión a su cuenta existente.

La diferencia estaría en la segunda mitad de la operación:

Rápido

  let credential = EmailAuthCredential.credential(withEmail:email
                                                       link:link)
  Auth.auth().currentUser?.link(with: credential) { authData, error in
    if (error) {
      // And error occurred during linking.
      return
    }
    // The provider was successfully linked.
    // The phone user can now sign in with their phone number or email.
  }

C objetivo

  FIRAuthCredential *credential =
      [FIREmailAuthProvider credentialWithEmail:email link:link];
  [FIRAuth auth].currentUser
      linkWithCredential:credential
              completion:^(FIRAuthDataResult *_Nullable result,
                           NSError *_Nullable error) {
    if (error) {
      // And error occurred during linking.
      return;
    }
    // The provider was successfully linked.
    // The phone user can now sign in with their phone number or email.
  }];

Esto también se puede utilizar para volver a autenticar a un usuario de enlace de correo electrónico antes de ejecutar una operación confidencial.

Rápido

  let credential = EmailAuthProvider.credential(withEmail:email
                                                       link:link)
  Auth.auth().currentUser?.reauthenticate(with: credential) { authData, error in
    if (error) {
      // And error occurred during re-authentication.
      return
    }
    // The user was successfully re-authenticated.
  }

C objetivo

  FIRAuthCredential *credential =
      [FIREmailAuthCredential credentialWithEmail:email link:link];
  [FIRAuth auth].currentUser
      reauthenticateWithCredential:credential
                        completion:^(FIRAuthDataResult *_Nullable result,
                                     NSError *_Nullable error) {
    if (error) {
      // And error occurred during re-authentication
      return;
    }
    // The user was successfully re-authenticated.
  }];

Sin embargo, como el flujo podría terminar en un dispositivo diferente donde el usuario original no inició sesión, es posible que este flujo no se complete. En ese caso, se puede mostrar un error al usuario para obligarlo a abrir el enlace en el mismo dispositivo. Se puede pasar algún estado en el enlace para proporcionar información sobre el tipo de operación y el uid de usuario.

Si creó su proyecto a partir del 15 de septiembre de 2023, la protección de enumeración de correo electrónico está habilitada de forma predeterminada. Esta característica mejora la seguridad de las cuentas de usuario de su proyecto, pero deshabilita el método fetchSignInMethodsForEmail() , que recomendábamos anteriormente para implementar flujos de identificador primero.

Aunque puede desactivar la protección de enumeración de correo electrónico para su proyecto, le recomendamos que no lo haga.

Consulte la documentación sobre protección de enumeración de correo electrónico para obtener más detalles.

Próximos pasos

Después de que un usuario inicia sesión por primera vez, se crea una nueva cuenta de usuario y se vincula a las credenciales (es decir, el nombre de usuario y la contraseña, el número de teléfono o la información del proveedor de autenticación) con las que el usuario inició sesión. Esta nueva cuenta se almacena como parte de su proyecto de Firebase y se puede usar para identificar a un usuario en cada aplicación de su proyecto, independientemente de cómo inicie sesión el usuario.

  • En sus aplicaciones, puede obtener la información básica del perfil del usuario desde el objeto User . Consulte Administrar usuarios .

  • En las reglas de seguridad de Firebase Realtime Database y Cloud Storage, puede obtener el ID de usuario único del usuario que inició sesión a partir de la variable auth y usarlo para controlar a qué datos puede acceder un usuario.

Puede permitir que los usuarios inicien sesión en su aplicación utilizando múltiples proveedores de autenticación vinculando las credenciales del proveedor de autenticación a una cuenta de usuario existente.

Para cerrar la sesión de un usuario, llame signOut: .

Rápido

let firebaseAuth = Auth.auth()
do {
  try firebaseAuth.signOut()
} catch let signOutError as NSError {
  print("Error signing out: %@", signOutError)
}

C objetivo

NSError *signOutError;
BOOL status = [[FIRAuth auth] signOut:&signOutError];
if (!status) {
  NSLog(@"Error signing out: %@", signOutError);
  return;
}

Es posible que también desee agregar un código de manejo de errores para toda la gama de errores de autenticación. Consulte Manejar errores .