Configurar y solucionar conexión Google

El botón Google y el cliente OAuth son dos capas distintas

El botón Wavize debe mantener tamaño, icono y texto legibles. Un error de Google 401 invalid_client o “no registered origin” aparece tras el clic e indica configuración incorrecta en Google Cloud, no un fallo CSS.

La conexión usa un cliente OAuth tipo Aplicación Web. Las orígenes JavaScript autorizadas sólo incluyen esquema y host; las URI de redirección incluyen la ruta callback exacta que usa la aplicación.

Ejemplo para no confundir
Origen: https://wavize.com. URI redirección: la URL completa de callback Wavize usada por su ruta. Una ruta añadida en Orígenes es rechazada.

Verificar variables Wavize y proyecto Google

El Client ID configurado en Wavize debe pertenecer al mismo cliente que secreto y permisos.

1. Tipo Aplicación Web

   En Google Cloud Console > APIs & Servicios > Credenciales, abra el cliente usado. Un cliente Android o iOS no es válido para este flujo web.

2. Client ID exacto

   Compare el valor completo, con sufijo apps.googleusercontent.com. Una variable antigua puede apuntar a proyecto eliminado.

3. Secreto servidor

   El secreto nunca debe mostrarse en HTML ni capturas. Tras rotación, actualice configuración servidor y borre caché.

Registrar orígenes y redirecciones autorizadas

Agregue cada entorno explícitamente sin comodines peligrosos.

1. Origen JavaScript

   Agréguelo exactamente https://wavize.com y, si se usa, https://www.wavize.com. Sin barra final ni ruta /auth/google/callback.

2. URI callback

   Copie desde la ruta producción la URI completa esperada. Esquema, host, ruta, barra y prefijo idioma deben coincidir.

3. Pantalla consentimiento

   Verifique estado publicación, dominios autorizados y usuarios prueba si app sigue en modo test. Cuenta fuera de lista puede quedar bloqueada aun con callback correcto.

Distinguir síntomas

El momento de fallo indica la capa a revisar.

• Botón visualmente incorrecto

  Inspeccione CSS, ancho contenedor, icono y responsive. El clic puede abrir Google correctamente.

• invalid_client

  Client ID inexistente, proyecto erróneo, secreto inconsistente o variable no cargada. Corrija configuración antes de modificar rutas.

• no registered origin

  Añada el origen exacto donde se ejecuta el botón. URL accounts.google.com en barra no significa autorizar Google como origen.

• redirect_uri_mismatch o 403

  Compare callback carácter a carácter y verifique pantalla consentimiento, usuarios prueba y políticas Workspace.

Reteste sin ocultar problema

La propagación Google puede tardar minutos.

1. Borrar caché aplicacion

   Recargue configuración Wavize tras modificar variables, y abra ventana privada.

2. Probar cuenta existente

   Use dirección ya registrada: debe encontrar misma cuenta sin duplicado.

3. Probar registro nuevo

   Acepte CGV antes de redirección. Nueva cuenta recibe email verificado y comienza onboarding.

Pruebas útiles para diagnóstico

Oculte código OAuth, Client ID si se exige, correos y secretos.

• Mensaje Google — Texto exacto y código error.
• Origen probado — Esquema y host visibles, sin parámetros callback.
• Hora y ambiente — Producción o preproducción, navegador y ventana privada.