Inicio de sesión de Google de Firebase en iOS

Copie 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 __CAPGO_KEEP_0__.

Pasos de configuración

Ve a la visión general de tu proyecto en console.cloud.google.com
Haga clic en el Add app botón

Es posible que deba buscar aquí este botón. Esto solo se aplica si ya has creado una aplicación diferente en la consola de Firebase.
Seleccionar iOS
Rellene la primera parte del formulario
1. Rellene el Apple bundle ID
  1. Abra Xcode en su proyecto de aplicación usando npx cap open ios
  2. Haga doble clic en App
  3. Asegúrese de que esté en Targets -> App
  4. Encuentre su Bundle Identifier
    El ID mostrado 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. Copie el Bundle Identifier y pegue en la consola de Firebase
2. Haga clic en el Register app botón
Saltar el Download config file paso
Saltar el Add firebase SDK paso
Saltate el Add initialization code paso
Haga clic en el Continue to console botón
Obtenga su ID de cliente de iOS y su YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Vaya a la consola de Google Cloud en console.cloud.google.com
2. Encuentre su proyecto
  1. Haga clic en el selector de proyecto
  2. Busque su proyecto por el nombre exacto de su proyecto de Firebase y haga clic en él. En mi caso, es sociallogin-tutorial-app.
3. Abra la barra de búsqueda y abra credentials
  1. Abra la barra de búsqueda
  2. Busque credentials y 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 well as el iOS URL scheme. Esto será respectivamente tu iOSClientId y YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Pasará por 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. Copie el Web client ID. Esto será su webClientId en el initialize método del plugin.
Modifique la información de su archivo Info.plist
1. Abra Xcode y busque el 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ás un </dict> etiqueta
4. Inserte el siguiente fragmento justo antes de la etiqueta de cierre </dict> Etiqueta de cierre de diccionario en archivo 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. el valor copiado en el paso 9 (el esquema de URL de iOS) YOUR_DOT_REVERSED_IOS_CLIENT_ID Info.plist con el ID de cliente real insertado en los esquemas de URL
  
  Asegúrese de que este valor STARTS con com.googleusercontent.apps
Cambie el YOUR_IOS_CLIENT_ID por el ID del cliente 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
Encuentra la func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) función

Modifica 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 apertura de aplicación modificada con manejo de GoogleSignIn

Guardar el archivo con Command + S

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

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

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

Resolución de problemas

Si la autenticación se atasca o falla:

Verifique que idToken el público coincida con su ID de cliente web de Firebase
Compruebe que Google Sign-In esté habilitado en la consola de Firebase
Asegúrese de que Info.plist tenga los esquemas de URL correctos y GIDClientID
Verifique iOSServerClientId coincida con su ID de cliente web
Revisar la aplicación de ejemplo code para referencia

Si estás utilizando Firebase Google Login en iOS para planificar la autenticación y los flujos de cuenta, conecta 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-privada para el detalle de implementación en @capgo/capacitor-clave-privada, @capgo/capacitor-autenticación-biometrica-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.