Si tu web usara integraciones de Google (por ejemplo login con Google, Gmail API o cualquier flujo OAuth), necesitas registrarla en Google Developer Console. Aqui tienes una guia clara para hacerlo sin enredos.

1. Crea un proyecto en Google Cloud

Entra a Google Cloud Console, crea un proyecto nuevo y ponle un nombre facil de identificar (por ejemplo: NombreDeTuWeb - Produccion).

2. Configura la pantalla de consentimiento OAuth

Ve a APIs y servicios > Pantalla de consentimiento OAuth. Elige tipo Externo (si tus usuarios no son solo internos de una organizacion) y completa los datos basicos:

  • Nombre de la app.
  • Correo de soporte.
  • Dominio principal de tu sitio.
  • Politica de privacidad y terminos (si aplica).

3. Agrega dominios autorizados

Incluye tu dominio principal en la seccion de dominios autorizados. Si usas subdominios, deja clara tu estrategia (por ejemplo, app.tudominio.com o www.tudominio.com).

4. Habilita la API que necesitas

En APIs y servicios > Biblioteca, activa la API que usaras (por ejemplo Google People API o Gmail API). Si la API no esta habilitada, OAuth no funcionara aunque todo lo demas este correcto.

5. Crea credenciales OAuth 2.0

En Credenciales, crea un Cliente OAuth y selecciona tipo Aplicacion web. Luego agrega:

  • Origenes autorizados de JavaScript (ejemplo: https://tuportafolio.cl).
  • URIs de redireccion autorizadas (ejemplo: https://tuportafolio.cl/api/auth/callback/google).

6. Copia Client ID y Client Secret en tu entorno

Guarda tus credenciales en variables de entorno y nunca las hardcodees en el frontend. Ejemplo: GOOGLE_CLIENT_ID y GOOGLE_CLIENT_SECRET.

7. Prueba en local y produccion

Prueba primero con localhost y despues en tu dominio real. Si obtienes error de redirect_uri_mismatch, casi siempre se debe a que la URL no coincide exactamente con la registrada en Google.

Tip: en OAuth, una barra final o protocolo distinto (http vs https) puede romper todo.

Errores comunes y como evitarlos

  • No agregar el dominio en la pantalla de consentimiento.
  • Olvidar habilitar la API correspondiente.
  • Configurar mal la URI de callback.
  • Usar credenciales de desarrollo en produccion.

Con estos pasos, tu web quedara correctamente registrada en Google Developer Console y lista para integrar servicios de Google de forma segura.