--- title: "Configurar inicio de sesión con Google | Documentación de Ordering.co" description: "Crea un proyecto Firebase, habilita Google Sign-in y añade en Ordering.co el Web Client ID, API key y dominio de autenticación." canonical: https://docs.ordering.co/es/docs/products/dashboard/settings/pro/social-login-options/google/ --- # Configurar inicio de sesión con Google [Volver a la guía principal](https://docs.ordering.co/es/docs/products/dashboard/settings/pro/social-login-options/) Google Login (Sign in with Google) permite a los clientes abrir el sitio web o la app móvil con una cuenta Google existente en lugar de crear una contraseña nueva. Se redirige al cliente a Google para confirmar la cuenta y autorizar el acceso. Una vez que Google aprueba, Ordering.co puede iniciar su sesión. Esto puede: - simplificar el inicio de sesión; - reducir solicitudes de restablecimiento de contraseña; - aprovechar las comprobaciones de identidad de Google; y - aumentar la finalización de registros e inicios de sesión. Guardar credenciales en Dashboard o habilitar el proveedor Google en Firebase no completa por sí solo un inicio de sesión de cliente. ## Requisitos - Un proyecto [Firebase](https://firebase.google.com/). - Permiso para editar **Configuración → Seguridad e inicio de sesión** en Ordering.co Dashboard. - El dominio del sitio web, **Package Name** de Android y **Bundle ID** de iOS de los productos que mostrarán Google Login. Un proyecto Firebase puede administrar la autenticación del sitio web y las apps. ## Crear un proyecto Firebase Si ya tienes un proyecto Firebase para esta marca, omite la creación y usa ese proyecto. 1. Abre [Firebase Console](https://console.firebase.google.com/) e inicia sesión con una cuenta Google. 2. Selecciona **Create a project** (en consolas anteriores: **Build** → **Add Project**). [![Firebase Console Create a project](https://docs.ordering.co/es/assets/images/fd3fb913e5926efe40e5ebe0-ccfc7c83b95a9bc7f9e0181625dc5b8d.png)](https://docs.ordering.co/es/assets/files/fd3fb913e5926efe40e5ebe0-ccfc7c83b95a9bc7f9e0181625dc5b8d.png) [![Menú Build de Firebase con Add Project](https://docs.ordering.co/es/assets/images/7b8dc438c4c4886e12681c1d-7a2fdb9404662f09f1663e87ba77d367.png)](https://docs.ordering.co/es/assets/files/7b8dc438c4c4886e12681c1d-7a2fdb9404662f09f1663e87ba77d367.png) 3. Introduce un **Project name** y sigue los pasos restantes de Firebase. Usa un ID de proyecto que coincida con la marca. [![Nombre del proyecto Firebase](https://docs.ordering.co/es/assets/images/f65aaa1b074742e0b0bb0dd6-b7a386d40bd4bf1faa97ee695dc64624.png)](https://docs.ordering.co/es/assets/files/f65aaa1b074742e0b0bb0dd6-b7a386d40bd4bf1faa97ee695dc64624.png) [![Nombre en Add Project de Firebase](https://docs.ordering.co/es/assets/images/de09cd76f56e259eb9504bff-a10f7626d76ca9b73a91f5c75c7e5efb.png)](https://docs.ordering.co/es/assets/files/de09cd76f56e259eb9504bff-a10f7626d76ca9b73a91f5c75c7e5efb.png) [![ID de proyecto Firebase definido con el nombre de la marca](https://docs.ordering.co/es/assets/images/4779fb97c284037762e583cc-a8d553ea8bcdad32d079f82112aff230.png)](https://docs.ordering.co/es/assets/files/4779fb97c284037762e583cc-a8d553ea8bcdad32d079f82112aff230.png) Si la consola solicita un recurso padre, selecciona **Select parent resource**, elige dónde debe estar el proyecto y continúa. [![Select parent resource de Firebase](https://docs.ordering.co/es/assets/images/99902474034da2b6488c73ed-3164d36f641f65815f4e3cc3411c655d.png)](https://docs.ordering.co/es/assets/files/99902474034da2b6488c73ed-3164d36f641f65815f4e3cc3411c655d.png) Si la consola ofrece una opción **Google Analytics**, elígela según los requisitos analíticos del proyecto. Esta guía no establece que Analytics sea necesario para Google Login. [![Google Analytics habilitado para el proyecto Firebase](https://docs.ordering.co/es/assets/images/85b463e881e85b2d1b88c8cd-b91fbc2b80620c399c2d43027dc8b172.png)](https://docs.ordering.co/es/assets/files/85b463e881e85b2d1b88c8cd-b91fbc2b80620c399c2d43027dc8b172.png) 4. Al finalizar la configuración, el proyecto está listo para registrar aplicaciones. ## Registrar el sitio web y las apps Registra todas las plataformas que utilizarán Google Login: - **Website:** dominio del sitio web. - **Android app:** **Package Name**. - **iOS app:** **Bundle ID**. Esos identificadores indican a Firebase qué clientes pueden usar la autenticación de Google. [![Resumen del proyecto Firebase para añadir apps](https://docs.ordering.co/es/assets/images/350ad8e8e8f91358d33b34ee-2639c3e11be2855857f841ed5d12d2c8.png)](https://docs.ordering.co/es/assets/files/350ad8e8e8f91358d33b34ee-2639c3e11be2855857f841ed5d12d2c8.png) [![Registrar una app web en Firebase](https://docs.ordering.co/es/assets/images/25898d54488a85aa283b47a9-3ee1c39e86162d5db14566c826717765.png)](https://docs.ordering.co/es/assets/files/25898d54488a85aa283b47a9-3ee1c39e86162d5db14566c826717765.png) [![Registrar una app Android o iOS en Firebase](https://docs.ordering.co/es/assets/images/6670d732c6ff2b444aa9a1d5-56ed691c7d5d536ca176c86e215ebfe3.png)](https://docs.ordering.co/es/assets/files/6670d732c6ff2b444aa9a1d5-56ed691c7d5d536ca176c86e215ebfe3.png) En **Project Overview**, **Add app** también muestra Android. [![Add App Android de Firebase](https://docs.ordering.co/es/assets/images/6a0d6e41de4ce6c5989572aa-f4252a69d3c9c3fc1873eaf4bb0aff63.png)](https://docs.ordering.co/es/assets/files/6a0d6e41de4ce6c5989572aa-f4252a69d3c9c3fc1873eaf4bb0aff63.png) Copia **Name** y **Package** desde el constructor de Ordering.co para Customer App que ofrecerá Google Login. [![Name y Package de la app Builder](https://docs.ordering.co/es/assets/images/2ffa0453f9c02c9998c1973c-faa127487dd49063d6238cc14ca0f7c9.png)](https://docs.ordering.co/es/assets/files/6db17177c1bf9f11198b2db0-995a09ce33ce422a273dd40a8872b0e2.png) Firebase también solicita la huella del certificado **SHA-1** para Android. Antes de registrar la app, consulta [Android SHA-1](#android-sha-1), o añade la huella más adelante en los ajustes de la app. Al seleccionar **Register app**, Firebase ofrece un archivo de configuración para descargar (`google-services.json` para Android). Guárdalo. Si lo pierdes, tendrás que volver a descargarlo desde este proyecto. [![Descarga de google-services.json desde Firebase](https://docs.ordering.co/es/assets/images/7892aff985fcaae31d8fa0c3-65be0077fc14bdfaa7f0827ba9b60d2d.png)](https://docs.ordering.co/es/assets/files/7892aff985fcaae31d8fa0c3-65be0077fc14bdfaa7f0827ba9b60d2d.png) [![Campo SHA-1 al registrar una app Android](https://docs.ordering.co/es/assets/images/f6c02f969983bdc50d739c1f-7440f7d17b555a0bab4a18f88f818fb4.png)](https://docs.ordering.co/es/assets/files/f6c02f969983bdc50d739c1f-7440f7d17b555a0bab4a18f88f818fb4.png) Selecciona **Continue** en las pantallas restantes de Firebase. [![Continue de Firebase después de registrar la app](https://docs.ordering.co/es/assets/images/ddf7086c7afff3394832b3f0-b1d00c9bce84c02d3f6f433b61ae2c60.png)](https://docs.ordering.co/es/assets/files/ddf7086c7afff3394832b3f0-b1d00c9bce84c02d3f6f433b61ae2c60.png) ### Seleccionar el producto que se configurará Después de registrar las plataformas, selecciona el producto de Ordering.co que utilizará Google Login. Configura primero **Website** y luego las apps móviles. [![Lista de productos Dashboard para Google Login](https://docs.ordering.co/es/assets/images/a07495946a6e9abb66f152a2-3ced53aed82595670d4baffdff98d65f.png)](https://docs.ordering.co/es/assets/files/a07495946a6e9abb66f152a2-3ced53aed82595670d4baffdff98d65f.png) ### Guardar los valores de configuración web Al registrar el sitio web, Firebase muestra valores de configuración. Cópialos y guárdalos: - **apiKey** - **authDomain** [![Configuración de app web Firebase con apiKey](https://docs.ordering.co/es/assets/images/30bdab263c2f34b5764ad215-cd6f719b643dda7ca16ffef89e18d478.png)](https://docs.ordering.co/es/assets/files/30bdab263c2f34b5764ad215-cd6f719b643dda7ca16ffef89e18d478.png) [![Fragmento SDK de Firebase con apiKey y authDomain](https://docs.ordering.co/es/assets/images/fdcba60107759c8515048370-3fb311258e47ebfc048c2a419900cd33.png)](https://docs.ordering.co/es/assets/files/fdcba60107759c8515048370-3fb311258e47ebfc048c2a419900cd33.png) [![Ajustes de proyecto Firebase con configuración web](https://docs.ordering.co/es/assets/images/aa21ad81c868b0a4212f61b5-6639a3cb57155d12db9dfdeb2b21bc37.png)](https://docs.ordering.co/es/assets/files/aa21ad81c868b0a4212f61b5-6639a3cb57155d12db9dfdeb2b21bc37.png) [![apiKey y authDomain copiados](https://docs.ordering.co/es/assets/images/d18060a57ab3fadece2efbdf-1245ff4501c01890cf3ab854b7b36efa.png)](https://docs.ordering.co/es/assets/files/d18060a57ab3fadece2efbdf-1245ff4501c01890cf3ab854b7b36efa.png) [![Objeto de configuración Firebase con API KEY y AUTHDOMAIN](https://docs.ordering.co/es/assets/images/c7c18d4d19676c63dae64334-9a6897d57aa0da343c967e3ebd560372.png)](https://docs.ordering.co/es/assets/files/c7c18d4d19676c63dae64334-9a6897d57aa0da343c967e3ebd560372.png) Pegarás **apiKey** en **Google Login API Key** y **authDomain** en **Google Login Auth Domain**. ## Habilitar Google como método de inicio de sesión 1. En el menú izquierdo de Firebase, abre **Security** → **Authentication** (en menús anteriores: **Authentication**). [![Firebase Security Authentication](https://docs.ordering.co/es/assets/images/46222324dd7ca7a78574696c-3f6aa980061bdd810bee8dab60f2cccb.png)](https://docs.ordering.co/es/assets/files/46222324dd7ca7a78574696c-3f6aa980061bdd810bee8dab60f2cccb.png) 2. Si Authentication aún no está habilitado, selecciona **Get started**. [![Get started de Firebase Authentication](https://docs.ordering.co/es/assets/images/8b35aacba7b5634dfc1ac765-16ed6110a5b3df96646461c214f7507f.png)](https://docs.ordering.co/es/assets/files/8b35aacba7b5634dfc1ac765-16ed6110a5b3df96646461c214f7507f.png) [![Get started de Authentication desde el menú anterior de Firebase](https://docs.ordering.co/es/assets/images/b6968ec906bf5416171fe87f-eb3611c255dff754f54452ae7bd77c6c.png)](https://docs.ordering.co/es/assets/files/b6968ec906bf5416171fe87f-eb3611c255dff754f54452ae7bd77c6c.png) 3. Abre la pestaña **Sign-in method** y busca **Google**. [![Proveedores de inicio de sesión con Google](https://docs.ordering.co/es/assets/images/36846894a32a5023b26169ac-010bd4c22041c976fe6c6552632e1f9b.png)](https://docs.ordering.co/es/assets/files/36846894a32a5023b26169ac-010bd4c22041c976fe6c6552632e1f9b.png) [![Método Google Sign-in en la lista de proveedores](https://docs.ordering.co/es/assets/images/2fc39b72521f9cba55b801db-c2cb880e65e2d0eaca8062a67fe3fb00.png)](https://docs.ordering.co/es/assets/files/2fc39b72521f9cba55b801db-c2cb880e65e2d0eaca8062a67fe3fb00.png) 4. Abre **Google** y habilítalo. [![Habilitar Google Sign-in](https://docs.ordering.co/es/assets/images/d912dc872851ce3ec1c42510-cb5bf72a6ac7eee9c15765c3f94b073d.png)](https://docs.ordering.co/es/assets/files/d912dc872851ce3ec1c42510-cb5bf72a6ac7eee9c15765c3f94b073d.png) 5. Selecciona el correo **Project support email** y luego **Save**. [![Correo de soporte del proveedor Google y Save](https://docs.ordering.co/es/assets/images/b7068fb7720731145d33cbb7-06365cabebc232121df86ac133e706bf.png)](https://docs.ordering.co/es/assets/files/b7068fb7720731145d33cbb7-06365cabebc232121df86ac133e706bf.png) [![Google Sign-in habilitado con correo de soporte](https://docs.ordering.co/es/assets/images/13615ac867f7733480ae5e64-7f25489011303c3383d6b3979ffba385.png)](https://docs.ordering.co/es/assets/files/13615ac867f7733480ae5e64-7f25489011303c3383d6b3979ffba385.png) Si falta el campo de correo, primero habilita el método de inicio de sesión **Google**. Después de **Save**, el proveedor aparece como habilitado. [![Proveedor Google marcado como Enabled](https://docs.ordering.co/es/assets/images/79118df5afc0eed351124d06-2db3c3f2a7c8e7b042ee78ed0cdf0747.png)](https://docs.ordering.co/es/assets/files/79118df5afc0eed351124d06-2db3c3f2a7c8e7b042ee78ed0cdf0747.png) Habilitar el proveedor en Firebase no muestra el botón en Ordering.co hasta que **Enable Google Login** esté en **Yes**. ## Copiar el Web Client ID 1. Vuelve a abrir la configuración del proveedor Google y selecciona **Edit**. [![Editar el proveedor Google Sign-in](https://docs.ordering.co/es/assets/images/c5d4ef57d094b714ef962dda-18c8790aa59a3981239f6009eb7f89a6.png)](https://docs.ordering.co/es/assets/files/c5d4ef57d094b714ef962dda-18c8790aa59a3981239f6009eb7f89a6.png) 2. Copia y guarda **Web Client ID**. [![Web Client ID del proveedor Google](https://docs.ordering.co/es/assets/images/e1cb64ba54ab0f312d3650fa-385101e1a91705f2c0e42a48f7be1cef.png)](https://docs.ordering.co/es/assets/files/e1cb64ba54ab0f312d3650fa-385101e1a91705f2c0e42a48f7be1cef.png) [![WEB CLIENT ID del proveedor Google](https://docs.ordering.co/es/assets/images/512c1c622cf78f773eb12348-47a1ccfd3f2a5da35d315514bc72b2cd.png)](https://docs.ordering.co/es/assets/files/512c1c622cf78f773eb12348-47a1ccfd3f2a5da35d315514bc72b2cd.png) Pega este valor en **Google Login ID** en Dashboard. También copia **Web client secret** del mismo cliente OAuth de Google / Firebase. Pégalo en **Google Client Secret**. Algunos diseños de Dashboard llaman a los campos relacionados **General Google Client ID Services** y **Secret Services**; introduce el ID y secreto correspondientes en cada par. ## Añadir el dominio del sitio a los dominios autorizados 1. En **Authentication**, abre la pestaña **Settings**. 2. Busca **Authorized domains**. 3. Selecciona **Add domain**. 4. Introduce el dominio del sitio, por ejemplo `yourdomain.com`. 5. Guarda. [![Authorized domains en Authentication Settings](https://docs.ordering.co/es/assets/images/8e30a12b2b770893a809fb81-c6482e5de3ed4459e597ce8bb14eb81c.png)](https://docs.ordering.co/es/assets/files/8e30a12b2b770893a809fb81-c6482e5de3ed4459e597ce8bb14eb81c.png) [![Añadir dominio a Authorized domains](https://docs.ordering.co/es/assets/images/637c1feb3195d2a05f57efa7-ba0b7eab2395f22e94e4a0357a4dd128.png)](https://docs.ordering.co/es/assets/files/637c1feb3195d2a05f57efa7-ba0b7eab2395f22e94e4a0357a4dd128.png) Google Login en el sitio web requiere que el dominio esté en la lista permitida. ## Añadir credenciales Google Login en Dashboard 1. Abre **Dashboard** de Ordering.co. 2. Ve a **Configuración → Seguridad e inicio de sesión → Google Login**. 3. Activa el acceso con Google para mostrar los campos de credenciales y completa: - **Google Login ID** → **Web Client ID**. - **Google Login API Key** / **apiKey** → **apiKey** de Firebase. - **Google Login Auth Domain** / **authDomain** → **authDomain** de Firebase. - **Google Client ID** y **Google Client Secret** → ID y secreto del cliente OAuth. - **Google Login ID for iOS** → ID del cliente iOS de `GoogleService-Info.plist` (consulta abajo). ### Enable Google Login Activa el inicio de sesión con Google para mostrar los campos de credenciales que devuelve el proyecto. Complétalos para la app y el entorno correspondientes. ### Guardar la configuración Selecciona **Guardar cambios**. Comprueba el inicio de sesión con una cuenta ficticia en el canal de prueba. ### Verificar Google Login en el sitio web 1. Abre el sitio web. 2. Busca **Sign in with Google**. 3. Completa el inicio de sesión con una cuenta Google que controles. Si falta el botón, confirma que **Enable Google Login** esté en **Yes** y que el dominio esté autorizado en Firebase. Una prueba correcta en un navegador no demuestra que todas las versiones de la app estén firmadas con el SHA-1 registrado. ## Google Login para la compilación de la app ### Android SHA-1 Google Play firma el Android App Bundle instalable. Registra en Firebase el SHA-1 de **app signing**, no solo el de una clave de carga local. 1. En [Google Play Console](https://play.google.com/console/), abre Customer App. 2. Ve a **Test and release** → **App integrity** → **Play App Signing** → **Settings**. 3. Copia la **SHA-1 certificate fingerprint**. Google también documenta esta huella en **Test and release** → **Setup** → **App signing**, accesible desde la página App integrity. Consulta [Usar Play App Signing](https://support.google.com/googleplay/android-developer/answer/9842756) y [Autenticación de clientes](https://developers.google.com/android/guides/client-auth). 4. En los ajustes de la app Android de Firebase, pega la huella del certificado SHA-1. Si no aparece la huella en Play Console, solicita a el SHA-1 utilizado para firmar la compilación Android de Ordering.co. ### iOS Crea una app iOS dentro del mismo proyecto Firebase. Usa su **Bundle ID** de iOS, distinto del **Package Name** de Android, y asigna un nombre. App Store ID es opcional. Registra la app y descarga **GoogleService-Info.plist**. Avanza por las pantallas **Next** de Firebase hasta volver a la consola. Copia los valores del cliente iOS de `GoogleService-Info.plist` en **Google Login ID for iOS** y en los campos iOS correspondientes que muestre tu Dashboard. Guarda **GoogleService-Info.plist**. Si lo pierdes, tendrás que volver a descargarlo desde esta app iOS de Firebase. --- [Volver a la guía principal](https://docs.ordering.co/es/docs/products/dashboard/settings/pro/social-login-options/)