{"section":"tutorials","requestedLocale":"es","requestedSlug":"registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google","locale":"es","slug":"registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google","path":"docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google.md","branch":"main","content":"Para activar el inicio de sesión por OAuth2 vía Google, accede en el Admin a tu ID VTEX y llena los campos `Client ID` y `Secreto del cliente`, [como se describe en el artículo Configurar inicio de sesión con Facebook y Google] (https://help.vtex.com/es/docs/tutorials/configurar-inicio-de-sesion-con-facebook-y-google).\n\n![Google OAuth](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_1.png)\n\nEstos valores se obtienen a partir de un proyecto creado en el servicio de APIs de Google Cloud Platform.\n\nSigue los pasos a continuación:\n\n> ⚠️ Los siguientes pasos describen procedimientos en una plataforma externa y pueden estar desactualizados. Para más información consulta los artículos [Setting up OAuth 2.0](https://support.google.com/cloud/answer/6158849) y [OpenID Connect](https://developers.google.com/identity/protocols/oauth2/openid-connect) de documentación de Google.\n\n1. Accede a  [Google Cloud Console](https://console.developers.google.com/);\n2. Haz clic en __Credenciales__, en la pestaña lateral;\n3. Haz clic en __Crear Proyecto__;\n    ![Crear proyecto Google ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_2.png)\n4. Define el nombre del proyecto y haz clic en __Crear__;\n    ![Nuevo proyecto Google ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_3.png)\n5. En la parte superior de la página, haz clic en el botón __Crear credenciales__;\n    ![Crear credenciais Google ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_4.png)\n6. Haz clic en la opción __ID de cliente de OAuth__;\n    ![ID cliente OAuth Google ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_5.png)\n7. Haz clic en el botón __Configurar página de consentimiento__;\n    ![Configurar página de consentimento Google ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_6.png)\n8. Selecciona el tipo de usuario que deseas para tu tienda (__Interno__ o __Externo__) y haz clic en el botón __Crear__;\n    ![Tipo usuário Google ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_7.png)\n9.  __Nombre de aplicación__: se mostrará a tus clientes al iniciar sesión;\n10. __Email de asistencia del usuario__: para que los usuarios se comuniquen contigo si tienen preguntas sobre consentimiento;\n11. __Logotipo de la app__: corresponde al logotipo de tu tienda;\n12. __Dominios autorizados__: se deben incluir los dominios que puedan interactuar con esta API, que deben ser al menos el dominio de tu tienda y el dominio VTEX: \n    - `tienda.com`, como ejemplo, siempre sin \"www\" o su correspondiente\n    - `vtex.com.br`, referente a nuestros servidores backend.\n13. __Información de contacto del desarrollador__: Google enviará notificaciones sobre cualquier cambio en tu proyecto a estas direcciones de email;\n14. Haz clic en el botón  __Guardar y continuar__;\n    ![Configuración página de consentimiento ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_8.png)\n13. Haz clic en __Credenciales__, en el menú lateral izquierdo;\n14. Selecciona__Aplicación web__, en Tipo de aplicación;\n    ![Credencial aplicación Web Google ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_9.png)\n15. __Nombre__: para identificación interna;\n16. __Orígenes de JavaScript autorizados__: registrar las direcciones exactas que podrán usar este método de autenticación, lo que corresponde a tu sitio web; por ejemplo, `https://www.tienda.com`. También se recomienda registrar la dirección `https://{{accountName}}.myvtex.com` de tu cuenta, `{{accountName}}` es el nombre de la cuenta como se describe en el menú de administración de la tienda;\n17. __URIs de redireccionamiento autorizados__: registrar la URL de servicio de VTEX:\n    -`https://vtexid.vtex.com.br/VtexIdAuthSiteKnockout/ReceiveAuthorizationCode.ashx`\n    ![Configuraciones aplicación Web Google ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_10.png)\n\n18. Después de completar este ajuste obtendrás tus credenciales:\n    ![Cliente OAuth creado Google ES](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_11.png)\n    - Copia el __Client ID__ de Google y pégalo en el campo `Client Id` en el Admin de VTEX ID.\n    - Copia tu __clave secreta de cliente__ de Google y pégala en el campo `Secreto del cliente` como se muestra en la imagen a continuación.\n    ![Google OAuth](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/es/tutorials/autenticación/conceptos-básicos-de-autenticación/registrar-client-id-y-secreto-del-cliente-para-inicio-de-sesion-con-google_12.png)\n    Una vez completados estos pasos, guarda los cambios."}