> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Añade el inicio de sesión con Google a tu aplicación

> Aprende a añadir Sign In with Google a tu aplicación con Auth0. Configura una conexión social de Google con OAuth 2.0 para permitir que los usuarios se autentiquen con sus cuentas de Google.

Auth0 admite el inicio de sesión con Google, lo que permite a tus usuarios autenticarse con sus cuentas de Google mediante <Tooltip tip="OAuth 2.0: Marco de autorización que define protocolos y flujos de trabajo de autorización." cta="Ver glosario" href="/es/docs/glossary?term=OAuth+2.0">OAuth 2.0</Tooltip>. Añadir Google como opción de inicio de sesión social ofrece una experiencia de inicio de sesión rápida y familiar en la que la mayoría de los usuarios ya confían.

Para configurar una conexión social de Google, debes:

1. Crear credenciales de OAuth de Google con Google Auth Platform.
2. Configurar y probar una conexión social de Google en Auth0 Dashboard.

<Card title="Antes de empezar">
  Antes de configurar Google como conexión social, necesitas:

  1. Una [cuenta de Auth0](https://auth0.com/signup). Si no tienes una, puedes registrarte gratis.
  2. Una [cuenta de desarrollador de Google](https://console.cloud.google.com/).
  3. Un [proyecto de Google](https://developers.google.com/workspace/guides/create-project).
  4. Una aplicación registrada en [Auth0 Dashboard](https://manage.auth0.com/#/applications).
</Card>

<div id="google-auth-platform">
  ## Google Auth Platform
</div>

Google Auth Platform es una sección de la [Google Cloud Console](https://console.cloud.google.com/) que le ayuda a administrar sus aplicaciones y credenciales de OAuth para iniciar sesión y usar las API de Google. Para obtener más información, consulte [Get started with the Google Auth Platform](https://developers.google.com/identity/protocols/oauth2) en la documentación de Google.

Use Google Auth Platform para:

1. Configurar la pantalla de consentimiento de Google.
2. Crear un cliente de Google OAuth 2.0.

<div id="configure-the-google-consent-screen">
  ### Configura la pantalla de consentimiento de Google
</div>

Antes de crear un ID de cliente de OAuth, debes configurar la pantalla de consentimiento de OAuth con información sobre tu aplicación. Cuando usas OAuth 2.0 para la autorización, tu aplicación solicita uno o más alcances de acceso a una cuenta de Google. Google muestra al usuario una pantalla de consentimiento que incluye un resumen de tu proyecto, sus políticas y los alcances de acceso solicitados.

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  Si tu aplicación solicita alcances sensibles de OAuth o usa una imagen personalizada, [Google la limita a 100 inicios de sesión hasta que se verifique la pantalla de consentimiento de OAuth](https://support.google.com/cloud/answer/10311615). La verificación de la pantalla de consentimiento puede tardar varios días.
</Callout>

En Google Cloud Console, [configura tu pantalla de consentimiento de Google OAuth](https://support.google.com/cloud/answer/10311615):

<Steps>
  <Step title="Configurar la marca">
    Ve a **Google Auth Platform > Branding**. En **Authorized domains**, introduce `auth0.com`. Si usas un dominio personalizado, introduce ese dominio en su lugar.
  </Step>

  <Step title="Configurar la audiencia">
    Ve a **Google Auth Platform > Audience**. En **User type**, selecciona **Make External**. En **Test Users**, puedes agregar las direcciones de correo electrónico que quieras usar para las pruebas.
  </Step>

  <Step title="Configurar el acceso a los datos">
    Ve a **Google Auth Platform > Data Access** para agregar o quitar alcances. Para obtener más información, consulta [OAuth 2.0 Scopes for Google APIs](https://developers.google.com/identity/protocols/oauth2/scopes) en la documentación de Google.
  </Step>

  <Step title="Guardar los cambios">
    Sigue el resto de las instrucciones para terminar de configurar tu pantalla de consentimiento de Google OAuth. Selecciona **Save Changes**.
  </Step>
</Steps>

<div id="create-a-google-oauth-20-client">
  ### Crear un cliente de Google OAuth 2.0
</div>

Para crear un cliente de Google OAuth 2.0, necesita el dominio de Auth0, que puede encontrar en el Auth0 Dashboard.

Vaya a [Auth0 Dashboard > Settings > Custom Domains](https://manage.auth0.com/#/custom_domains) para encontrar su dominio:

* Si no ha configurado un dominio personalizado, el nombre de su dominio de Auth0 es `YOUR_TENANT_NAME.YOUR_REGIONAL_SUBDOMAIN.auth0.com`. Su URI de redirección es `https://YOUR_TENANT_NAME.YOUR_REGIONAL_SUBDOMAIN.auth0.com/login/callback`.
* Si ha configurado un dominio personalizado, use su dominio personalizado. Su URI de redirección es `https://YOUR_CUSTOM_DOMAIN/login/callback`.

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  Si creó su inquilino de EE. UU. antes de junio de 2020, el nombre de su dominio de Auth0 no incluye el subdominio regional: `YOUR_TENANT_NAME.auth0.com`.
</Callout>

En Google Cloud Console, cree un nuevo cliente de OAuth 2.0:

<Steps>
  <Step title="Crear un cliente nuevo">
    Vaya a **Google Auth Platform > Clients**. Seleccione **New Client**.
  </Step>

  <Step title="Seleccionar el tipo de aplicación">
    En **Application type**, seleccione **Web application**.
  </Step>

  <Step title="Introducir los detalles del cliente">
    Introduzca la siguiente información para su cliente de OAuth 2.0:

    | **Campo**                         | **Valor**                            |
    | --------------------------------- | ------------------------------------ |
    | **Nombre**                        | El nombre de su cliente de OAuth 2.0 |
    | **Authorized JavaScript origins** | `https://YOUR_DOMAIN`                |
    | **Authorized redirect URIs**      | `https://YOUR_DOMAIN/login/callback` |

    Sustituya `YOUR_DOMAIN` por el dominio de Auth0 que encontró en el paso anterior.
  </Step>

  <Step title="Crear el cliente">
    Seleccione **Create**. Copie el **ID de cliente** y el **Secreto del cliente** que muestra Google.
  </Step>
</Steps>

<div id="configure-auth0">
  ## Configurar Auth0
</div>

Use Auth0 Dashboard para crear y configurar una conexión social de Google con las credenciales de OAuth que creó.

<Steps>
  <Step title="Crear una conexión social de Google">
    Vaya a [Auth0 Dashboard > Authentication > Social](https://manage.auth0.com/#/social). Seleccione **Create Connection** y, a continuación, **Google/Gmail**.
  </Step>

  <Step title="Introducir un nombre y sus credenciales de Google">
    En **General**, introduzca un **Nombre** para la conexión y las credenciales del cliente OAuth 2.0 de Google que creó:

    * **ID de cliente**: El identificador único de su aplicación.
    * **Secreto del cliente**: El secreto que Auth0 usa para autenticarse con Google en nombre de su aplicación.
  </Step>

  <Step title="Seleccionar permisos y guardar">
    Seleccione los permisos que quiera habilitar para la conexión. La mayoría de las aplicaciones necesitan **Basic Profile** para el correo electrónico del usuario y el indicador de correo electrónico verificado, y **Extended Profile** para el nombre, la foto y otros datos del perfil.

    Seleccione **Save Changes**.
  </Step>
</Steps>

<div id="test-the-connection">
  ## Prueba la conexión
</div>

Una vez que hayas creado tu conexión social de Google, verifica que funcione antes de implementarla en producción.

1. Ve a [Auth0 Dashboard > Authentication > Social](https://manage.auth0.com/#/social).
2. Selecciona la conexión de Google de la lista.
3. Selecciona **Try Connection**.
4. Autentícate con tu cuenta de Google cuando se te solicite.
5. Confirma que Auth0 devuelve datos del perfil del usuario, incluidos su nombre y su dirección de correo electrónico.

<div id="keep-reading">
  ## Sigue leyendo
</div>

* [Añade Sign In with Google a apps nativas de Android](/es/docs/authenticate/identity-providers/social-identity-providers/google-native)
* [Prueba conexiones sociales con las claves de desarrollador de Auth0](/es/docs/authenticate/identity-providers/social-identity-providers/devkeys)
* [Crea conexiones sociales personalizadas](/es/docs/authenticate/identity-providers/social-identity-providers/oauth2)