Inicio de sesión con Google (Continuar con Google)

1Lo que esto le da a tu app#

Añade un botón 'Continue with Google' a las apps que generas en AI Studio, para que tus usuarios inicien sesión con su cuenta de Google en lugar de escribir un correo y contraseña nuevos.

Es TRAE-TU-PROPIO: el botón usa TU inicio de sesión de Google, en TU pantalla de consentimiento, para TUS usuarios. AppMint no aloja ningún inicio de sesión ni guarda nada: pegas tus credenciales de Google una vez y cada app que generes puede reutilizarlas.

No escribes nada de código. La IA añade el botón y la lógica de inicio de sesión cuando lo pides; el secreto nunca se incluye dentro de la app.

2Primero conecta Supabase (obligatorio)#

El inicio de sesión con Google para las apps generadas se apoya en Supabase Auth, así que primero debes tener Supabase conectado y activado (Ajustes → BACKEND - SUPABASE). Si Supabase no está activo, el botón de Google no aparecerá. El capítulo '🗄️ Backend de Supabase (conéctalo una vez)' al inicio de esta guía explica cómo conectarlo.

Por qué: las cuentas de tus usuarios viven en TU proyecto de Supabase. AppMint envía tus credenciales de Google a ese proyecto automáticamente al desplegar: nunca tienes que activar el interruptor de Google dentro del panel de Supabase.

3Crea un cliente de Google OAuth (5 min, gratis)#

En una computadora, en la consola de Google Auth Platform (Google movió recientemente aquí la configuración de OAuth desde 'APIs & Services'):

1. Abre console.cloud.google.com/auth y elige (o crea) cualquier proyecto.
2. Solo la primera vez: configura la pantalla de consentimiento. En 'Branding' añade un nombre de app y tu correo de soporte, y en 'Audience' elige 'External' y publica la app o añádete como usuario de prueba.
3. Abre 'Clients' → haz clic en 'Create client'.
4. Application type: elige 'Web application' (NO Android: el inicio de sesión ocurre a través de Supabase en la web).
5. Ponle un nombre y haz clic en 'Create'. Obtendrás un Client ID (termina en .apps.googleusercontent.com) y un Client secret. Deja esta pestaña abierta para el siguiente paso.

Abrir Google Auth Platform → Clients →

4Añade tu callback de Supabase como URI de redirección#

Este es el paso que todos olvidan: sin él, Google muestra un error 'redirect_uri_mismatch'.

1. Encuentra la referencia de tu proyecto de Supabase: es la parte '<ref>' de la URL de tu proyecto https://<ref>.supabase.co (panel de Supabase → Project Settings → API).
2. De vuelta en el cliente de Google OAuth que acabas de crear, en 'Authorized redirect URIs' haz clic en 'Add URI' y pega exactamente:

 https://<ref>.supabase.co/auth/v1/callback

1. Reemplaza <ref> por la referencia real de tu proyecto y guarda.

https://<ref>.supabase.co/auth/v1/callback

5Pega tus credenciales en AppMint#

En AI Studio, describe una app que necesite cuentas y pide inicio de sesión con Google, p. ej. 'deja que los usuarios inicien sesión con Google'. La primera vez, AppMint muestra un diálogo 'Connect Google sign-in':

1. Pega tu Google OAuth Client ID (…apps.googleusercontent.com).
2. Pega tu Google OAuth Client Secret.
3. Toca 'Save & continue'.

Se guardan cifradas en tu dispositivo y se reutilizan en cada app futura: solo las pegas una vez. (Toca 'Skip Google' si cambias de opinión; la app se sigue compilando, solo que sin el botón.)

6Cómo funciona en un teléfono real#

Google bloquea su pantalla de inicio de sesión dentro de un WebView integrado en la app, así que AppMint lo maneja de forma segura automáticamente; no tienes nada que configurar:

• Al tocar 'Continue with Google' se abre el navegador real para la pantalla de consentimiento.
• Después de que el usuario aprueba, vuelve a tu app mediante un enlace profundo seguro y termina el inicio de sesión.

Esto funciona tanto en la Preview en vivo como en el APK instalado. Cada app generada usa su propio enlace de retorno privado, así que varias apps hechas con AppMint nunca chocan.

7Verifica que funciona#

1. Abre tu app (Preview o APK instalado) y toca 'Continue with Google'.
2. El navegador se abre, eliges tu cuenta de Google y vuelves a la app con la sesión iniciada.
3. En tu panel de Supabase → Authentication → Users, ahora aparece tu cuenta de Google.

Si funciona en Preview, funcionará en el APK compilado: el flujo es idéntico.

8Si algo no funciona#

• 'redirect_uri_mismatch' → el URI de redirección del paso 4 no coincide exactamente. Debe ser https://<ref>.supabase.co/auth/v1/callback con TU referencia, sin barra final y sin errores tipográficos.

• El botón no aparece → Supabase no está activo (paso 2), o tocaste 'Skip Google'. Vuelve a abrir la descripción de la app pidiendo inicio de sesión con Google.

• 'Access blocked: app not verified' → tu pantalla de consentimiento de OAuth sigue en Testing. Añade tu cuenta de Google como usuario de prueba o publica la pantalla de consentimiento.

• Solo se ofrece Google: el inicio de sesión con Apple / X (Twitter) NO es compatible a través de Supabase (ventanas emergentes de OAuth que el WebView de Android bloquea); Facebook funciona mediante el propio inicio de sesión de Facebook de la app (asistente, paso Integrate). El correo y la contraseña siguen funcionando junto con Google.

• Las apps sin conexión (sin backend) no tienen inicio de sesión social: no hay ningún Supabase contra el cual autenticar.