Inicio de sesión de Google de Firebase en iOS

Copia un prompt de configuración con los pasos de instalación y la guía de markdown completa para este plugin.

Introducción

Esta guía te ayudará a integrar el inicio de sesión de Google con la autenticación de Firebase en iOS. Supongo que ya has completado el configuración general de Firebase Google.

Pasos de configuración

Vaya a la vista general de su proyecto en console.cloud.google.com
Haga clic en el Add app botón

Es posible que debas buscar aquí este botón. Esto solo aplica si ya has creado una aplicación diferente en la Consola de Firebase.
Seleccionar iOS
Rellena la primera parte del formulario
1. Rellena el Apple bundle ID
  1. Abre Xcode en tu aplicación usando npx cap open ios
  2. Haz doble clic en App
  3. Asegúrate de que estás en Targets -> App
  4. Encuentra tu Bundle Identifier
    El ID que se muestra aquí será diferente del que utilizaré para el resto de la guía. Utilizaré app.capgo.plugin.SocialLogin para el resto de la guía.
  5. Copia el Bundle Identifier y pégalo en la consola de Firebase
2. Haz clic en el Register app botón
Saltarse el Download config file paso
Saltarse el Add firebase SDK paso
Saltarse el Add initialization code paso
Haga clic en el Continue to console botón
Obtén tu identificador de cliente de iOS y tu YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Ir a la consola de Google Cloud en console.cloud.google.com
2. Encuentra tu proyecto
  1. Haz clic en el selector de proyecto
  2. Busca tu proyecto por el nombre exacto de tu proyecto de Firebase y haz clic en él. En mi caso, es sociallogin-tutorial-app.
3. Abre la barra de búsqueda y abre credentials
  1. Abre la barra de búsqueda
  2. Busca por credentials Haga clic en el APIs and Services uno (número 2 en la captura de pantalla)
4. Haga clic en el iOS client for [YOUR_APP_ID] (auto created by Google Service) uno. En mi caso, es sociallogin-tutorial-app.
5. Copie el Client ID así como el iOS URL scheme. Esto será respectivamente su iOSClientId y YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Usted pasará a utilizar el iOSClientId en el initialize método del plugin, mientras que utilizará el YOUR_DOT_REVERSED_IOS_CLIENT_ID en el Info.plist archivo de tu aplicación, como se explica en la próxima parte de esta guía.
Obtén tu ID de cliente web
1. Vuelve a la consola de Firebase y ve a Build -> Authentication
2. Haz clic en el Sign-in method botón
3. Haz clic en el Google proveedor
4. Haz clic en el Web SDK configuration botón
5. Copia el Web client IDEsto será tu webClientId en el initialize método del plugin.
Modifica la información de tu aplicación en Info.plist
1. Abra Xcode y encuentre el archivo Info.plist archivo
2. Haga clic con el botón derecho en este archivo y abra como fuente code
3. En la parte inferior de su Plist archivo, verá un </dict> etiqueta
4. Inserte el siguiente fragmento justo antes de la etiqueta de cierre </dict> Info.plist con esquemas de URL __CAPGO_KEEP_0__ insertados antes de la etiqueta de cierre
```
<key>CFBundleURLTypes</key>
<array>
<dict>
  <key>CFBundleURLSchemes</key>
  <array>
    <string>YOUR_DOT_REVERSED_IOS_CLIENT_ID</string>
  </array>
</dict>
</array>
<key>GIDClientID</key>
<string>YOUR_IOS_CLIENT_ID.apps.googleusercontent.com</string>
```
5. Cambiar a YOUR_DOT_REVERSED_IOS_CLIENT_ID al valor copiado en el paso 9 (el esquema de URL de iOS)
  
  Asegúrese de que este valor EMPIECE con com.googleusercontent.apps
Cambiar a YOUR_IOS_CLIENT_ID al ID del cliente de iOS que copió en el paso 9
Guardar el archivo con Command + S

Modifique el AppDelegate.swift

Abrir el AppDelegate
Inserte import GoogleSignIn en la parte superior del archivo
Encuentre el func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) función

Modifique la función para que se vea así

func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
    // Called when the app was launched with a url. Feel free to add additional processing here,
    // but if you want the App API to support tracking app url opens, make sure to keep this call

    var handled: Bool

    handled = GIDSignIn.sharedInstance.handle(url)
    if handled {
      return true
    }

    return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
}

Función de aplicación modificada de openURL con manejo de GoogleSignIn

Guardar el archivo con Command + S

Usando el inicio de sesión de Google en tu aplicación

A este paso, estás listo para usar el inicio de sesión de Google en tu aplicación. Por favor, utiliza el archivo authUtils.ts del ejemplo de aplicación para autenticarte con Google.

El usuario se creará automáticamente en Firebase Auth al primer inicio de sesión

Solución de problemas

Si la autenticación se atasca o falla:

Verificar que idToken el audiencia coincida con tu ID de cliente web de Firebase
Comprueba que el inicio de sesión de Google esté habilitado en la consola de Firebase
Asegúrese de que Info.plist tenga los esquemas de URL correctos y GIDClientID
Verificar iOSServerClientId coincida con su ID del cliente web
Revisar el ejemplo de aplicación code para referencia

Si está utilizando Google Login de Firebase en iOS para planificar la autenticación y los flujos de cuenta, conéctelo con Usando @capgo/capacitor-login-social para la capacidad nativa en Usando @capgo/capacitor-login-social, @capgo/capacitor-login-social para el detalle de implementación en @capgo/capacitor-login-social, @capgo/capacitor-clave-de-llave para el detalle de implementación en @capgo/capacitor-clave-de-llave, @capgo/capacitor-biometría-nativa para el detalle de implementación en @capgo/capacitor-biometría-nativa, y Autenticación de dos factores para el detalle de implementación en Autenticación de dos factores.