Primeros pasos con Firebase Authentication en iOS

Puedes usar Firebase Authentication para permitir que los usuarios accedan a la app con uno o más métodos de acceso, que incluyen el acceso con dirección de correo electrónico y contraseña, y proveedores de identidad federada, como Acceso con Google y Acceso con Facebook. Este instructivo te muestra cómo agregar un acceso con dirección de correo electrónico y contraseña a la app para comenzar con Firebase Authentication.

Conecta tu app a Firebase

1. Instala el SDK de Firebase.
2. En Firebase console, agrega la app al proyecto de Firebase.

Agrega Firebase Authentication a la app

1. Agrega la dependencia para Firebase Authentication al Podfile de tu proyecto:

   pod 'Firebase/Auth'
   

2. Ejecuta pod install y abre el archivo .xcworkspace creado.

Crea prototipos y realiza pruebas con Firebase Local Emulator Suite (opcional)

Antes de explicar cómo tu app autentica a los usuarios, veremos un conjunto de herramientas que puedes usar para crear prototipos y probar la funcionalidad de Authentication: Firebase Local Emulator Suite. Si aún no eliges una técnica de autenticación o un proveedor específico, es recomendable que pruebes varios modelos de datos con información pública y privada mediante Authentication y las Reglas de seguridad de Firebase, o bien que crees prototipos de diseños con IU de acceso que puedan funcionar de manera local sin implementar servicios en ejecución.

Los emuladores de Authentication forman parte de Local Emulator Suite, que permite que tu app interactúe con el contenido y la configuración emulados de la base de datos y, si lo deseas, con los recursos emulados del proyecto (funciones, otras bases de datos y reglas de seguridad).

El uso del emulador de Authentication solo requiere algunos pasos sencillos:

1. Agrega una línea de código a la configuración de prueba de tu app para conectarte al emulador.
2. Desde la raíz del directorio de tu proyecto local, ejecuta firebase emulators:start.
3. Usa la IU de Local Emulator Suite para crear un prototipo interactivo, o la API de REST del emulador de Authentication a fin de realizar pruebas no interactivas.

Puedes encontrar una guía detallada en el artículo Conecta tu app al emulador de Authentication. Para obtener más información, consulta la introducción a Local Emulator Suite.

Ahora veamos cómo autenticar a los usuarios.

Inicializa el SDK de Firebase

En el delegado de la app, importa en primer lugar el SDK de Firebase:

import Firebase
AppDelegate.swift

@import Firebase;
AppDelegate.m

Luego, en el método application:didFinishLaunchingWithOptions:, inicializa el objeto FirebaseApp:

// Use Firebase library to configure APIs
FirebaseApp.configure()
AppDelegate.swift

// Use Firebase library to configure APIs
[FIRApp configure];
AppDelegate.m

Detecta el estado de autenticación

Para cada vista de tu app que necesite información sobre el usuario que accedió, adjunta un objeto de escucha al objeto FIRAuth. Se llamará a este objeto de escucha cada vez que cambie el estado de acceso del usuario.

Adjunta el objeto de escucha en el método viewWillAppear del controlador de vista:

handle = Auth.auth().addStateDidChangeListener { auth, user in
  // ...
}
MainViewController.swift

self.handle = [[FIRAuth auth]
    addAuthStateDidChangeListener:^(FIRAuth *_Nonnull auth, FIRUser *_Nullable user) {
      // ...
    }];
MainViewController.m

Además, desvincula el objeto de escucha del método viewWillDisappear del controlador de vista:

Auth.auth().removeStateDidChangeListener(handle!)
MainViewController.swift

[[FIRAuth auth] removeAuthStateDidChangeListener:_handle];
MainViewController.m

Registra usuarios nuevos

Crea un formulario que permita a los usuarios nuevos registrarse en tu app mediante su dirección de correo electrónico y una contraseña. Cuando un usuario complete el formulario, valida la dirección de correo electrónico y la contraseña que proporcionó el usuario para después pasarlas al método createUser:

Auth.auth().createUser(withEmail: email, password: password) { authResult, error in
  // ...
}
EmailViewController.swift

[[FIRAuth auth] createUserWithEmail:email
                           password:password
                         completion:^(FIRAuthDataResult * _Nullable authResult,
                                      NSError * _Nullable error) {
  // ...
}];
EmailViewController.m

Acceso de usuarios existentes

Crea un formulario que permita a los usuarios existentes acceder con su dirección de correo electrónico y una contraseña. Cuando un usuario complete el formulario, llama al método signIn:

Auth.auth().signIn(withEmail: email, password: password) { [weak self] authResult, error in
  guard let strongSelf = self else { return }
  // ...
}
EmailViewController.swift

[[FIRAuth auth] signInWithEmail:self->_emailField.text
                       password:self->_passwordField.text
                     completion:^(FIRAuthDataResult * _Nullable authResult,
                                  NSError * _Nullable error) {
  // ...
}];
EmailViewController.m

Obtén información del usuario

Cuando un usuario accede correctamente, puedes obtener información sobre él. Por ejemplo, en el objeto de escucha del estado de autenticación, haz lo siguiente:

if let user = user {
  // The user's ID, unique to the Firebase project.
  // Do NOT use this value to authenticate with your backend server,
  // if you have one. Use getTokenWithCompletion:completion: instead.
  let uid = user.uid
  let email = user.email
  let photoURL = user.photoURL
  var multiFactorString = "MultiFactor: "
  for info in user.multiFactor.enrolledFactors {
    multiFactorString += info.displayName ?? "[DispayName]"
    multiFactorString += " "
  }
  // ...
}
MainViewController.swift

if (user) {
  // The user's ID, unique to the Firebase project.
  // Do NOT use this value to authenticate with your backend server,
  // if you have one. Use getTokenWithCompletion:completion: instead.
  NSString *email = user.email;
  NSString *uid = user.uid;
  NSMutableString *multiFactorString = [NSMutableString stringWithFormat:@"MultiFactor: "];
  for (FIRMultiFactorInfo *info in user.multiFactor.enrolledFactors) {
    [multiFactorString appendString:info.displayName];
    [multiFactorString appendString:@" "];
  }
  NSURL *photoURL = user.photoURL;
  // ...
}
MainViewController.m

Pasos siguientes

Obtén información sobre cómo admitir otros proveedores de identidad y cuentas de invitado anónimas:

• Acceso con Google
• Inicio de sesión con Facebook
• Acceso con Twitter
• Acceso con GitHub
• Acceso anónimo