Inicio de sesión de Google con Firebase en iOS

Introducción

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

Note

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

Pasos de configuración

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

   

2. Haz clic en el botón Add app

   

   Note

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

   

3. Selecciona iOS

   

4. Completa la primera parte del formulario

   1. Completa 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 estar en Targets -> App
      4. Encuentra tu Bundle Identifier

         Note

         El ID mostrado aquí será diferente del que usaré para el resto de la guía. Usaré 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 botón Register app

5. Omite el paso Download config file

   

6. Omite el paso Add firebase SDK

   

7. Omite el paso Add initialization code

   

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

   

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 proyectos
      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 credentials y haz clic en el de APIs and Services (número 2 en la captura de pantalla)

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

      

   5. Copia el Client ID así como el iOS URL scheme. Estos serán respectivamente tu iOSClientId y YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      Note

      Pasarás el iOSClientId en el método initialize del plugin, mientras que usarás el YOUR_DOT_REVERSED_IOS_CLIENT_ID en el archivo Info.plist de tu aplicación, como se explica en la siguiente parte de esta guía.

      

10. Obtén tu ID de cliente web

    1. Vuelve a la consola de Firebase y ve a Build -> Authentication
    2. Haz clic en el botón Sign-in method
    3. Haz clic en el proveedor Google
    4. Haz clic en el botón Web SDK configuration
    5. Copia el Web client ID. Este será tu webClientId en el método initialize del plugin.

11. Modifica el Info.plist de tu aplicación

    1. Abre Xcode y encuentra el archivo Info.plist

       

    2. Haz clic derecho en este archivo y ábrelo como código fuente

       

    3. Al final de tu archivo Plist, verás una etiqueta </dict>

       

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

       

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

       

       Caution

       Asegúrate de que este valor COMIENCE con com.googleusercontent.apps

12. Cambia el YOUR_IOS_CLIENT_ID al ID de cliente de iOS que copiaste en el paso 9

13. Guarda el archivo con Command + S

14. Modifica el AppDelegate.swift

    1. Abre el AppDelegate

       

    2. Inserta import GoogleSignIn en la parte superior del archivo

       

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

       

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

       

    5. Guarda el archivo con Command + S

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

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

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

Solución de problemas

Si la autenticación se bloquea o falla:

• Verifica que la audiencia del idToken coincida con tu ID de cliente web de Firebase
• Verifica que el inicio de sesión de Google esté habilitado en la consola de Firebase
• Asegúrate de que Info.plist tenga los esquemas de URL correctos y GIDClientID
• Verifica que iOSServerClientId coincida con tu ID de cliente web
• Revisa el código de la aplicación de ejemplo como referencia