Iniciar sesión de Google de Firebase en iOS

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 setup general de Google de Firebase.

Nota

Supongo que no has creado aún tu aplicación de iOS en la Consola de Firebase. Si lo has hecho, tus pasos serán ligeramente diferentes.

Pasos de configuración

1. Ve a la visión general de tu proyecto en console.cloud.google.com

   

2. Haz clic en el Add app botón

   

   Nota

   Es posible que debas buscar aquí este botón. Esto solo se aplica si ya has creado una aplicación diferente en la Consola de Firebase.

   

3. Selecciona iOS

   

4. Rellena la primera parte del formulario

   1. Rellena Apple bundle ID
      1. Abra Xcode en su 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

         Nota

         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. Copie el Bundle Identifier y pegarlo en la consola de Firebase
   2. Haga clic en el Register app botón

5. Saltar el Download config file paso

   

6. Saltar el Add firebase SDK paso

   

7. Saltar el Add initialization code Paso

   

8. Haz clic en el Continue to console botón

   

9. Obtén tu ID de cliente de iOS y tu YOUR_DOT_REVERSED_IOS_CLIENT_ID

   1. Ve 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. Abrir la barra de búsqueda y abrir credentials

      1. Abrir la barra de búsqueda
      2. Buscar por credentials y hacer clic en el APIs and Services uno (número 2 en la captura de pantalla)

   4. Hacer clic en el iOS client for [YOUR_APP_ID] (auto created by Google Service) uno. En mi caso, es sociallogin-tutorial-app.

      

   5. Copiar el Client ID además de iOS URL scheme__CAPGO_KEEP_0__ iOSClientId y YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      Nota

      Usted pasará 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 su aplicación, como se explica en la próxima parte de esta guía.

      

10. Obtenga su ID de cliente web

    1. Volver a la consola de Firebase y ir a Build -> Authentication
    2. Haga clic en el Sign-in method botón
    3. Haga clic en el Google proveedor
    4. Haga clic en el Web SDK configuration Botón de configuración de inicio de sesión de autenticación de Firebase Web __CAPGO_KEEP_0__
    5. provider Web client IDEsto será su webClientId en el initialize método del plugin.

11. 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á un </dict> etiqueta

       

    4. Inserte el siguiente fragmento justo antes de la etiqueta de cierre </dict> etiqueta

       

       <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 el YOUR_DOT_REVERSED_IOS_CLIENT_ID a el valor copiado en el paso 9 (el esquema de URL de iOS)

       

       Advertencia

       Asegúrese de que este valor EMPIEZA con com.googleusercontent.apps

12. Cambie a YOUR_IOS_CLIENT_ID al ID del cliente iOS que copió en el paso 9

13. Guarde el archivo con Command + S

14. Modifique el AppDelegate.swift

    1. Abra el AppDelegate

       

    2. Inserte import GoogleSignIn en la parte superior del archivo

       

    3. Encuentre el func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) función

       

    4. Modificar 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)
       }

       

    5. Guardar el archivo con Command + S

15. 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

Solución de problemas

Si la autenticación se atasca o falla:

• Verifique que el idToken audience 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