Configurar e resolver problemas da ligação Google

O botão Google e o cliente OAuth são duas camadas diferentes

O botão Wavize deve manter tamanho, ícone e etiqueta legíveis. Um erro Google 401 invalid_client ou “no registered origin” ocorre após o clique e indica configuração incorreta no Google Cloud, não deformação CSS.

A ligação utiliza um cliente OAuth do tipo Aplicação Web. As origens JavaScript autorizadas contêm apenas esquema e anfitrião; os URI de redirecionamento têm o caminho callback exato fornecido pela aplicação.

Exemplo a não confundir
Origem: https://wavize.com. URI de redirecionamento: a URL completa do callback Wavize usada pela sua rota. Um caminho colocado em Origens é recusado.

Verificar variáveis Wavize e projeto Google

O Client ID configurado em Wavize deve pertencer ao mesmo cliente que o segredo e permissões.

1. Tipo Aplicação Web

   No Google Cloud Console > APIs & Serviços > Credenciais, abra o cliente usado. Um cliente Android ou iOS não serve para este fluxo web.

2. Client ID exato

   Compare todo o valor, incluindo o sufixo apps.googleusercontent.com. Variáveis antigas em produção podem apontar para projetos eliminados.

3. Segredo do lado do servidor

   O segredo nunca deve aparecer no HTML ou capturas. Após rotação, atualize a configuração do servidor e limpe o cache.

Registrar origens e redirecionamentos autorizados

Adicione explicitamente cada ambiente sem coringas perigosos.

1. Origem JavaScript

   Adicione exatamente https://wavize.com e, se usado, https://www.wavize.com. Sem barra final nem caminho /auth/google/callback.

2. URI callback

   Copie da rota de produção o URI completo esperado. Esquema, anfitrião, caminho, barra e eventual prefixo de idioma devem corresponder exatamente.

3. Tela de consentimento

   Verifique estado de publicação, domínios autorizados e utilizadores teste se a aplicação ainda estiver em modo teste. Uma conta fora da lista pode ser bloqueada mesmo com callback correto.

Distinguir sintomas

O momento da falha indica a camada a examinar.

• Botão visualmente incorreto

  Inspecione CSS, largura do contêiner, ícone e responsivo. O clique pode abrir corretamente o Google.

• invalid_client

  Client ID inexistente, projeto errado, segredo incoerente ou variável não carregada. Corrija antes de mudar rotas.

• no registered origin

  Adicione a origem exata de onde o botão é executado. A URL accounts.google.com na barra não significa autorizar Google como origem.

• redirect_uri_mismatch ou 403

  Compare callback caractere a caractere e verifique tela de consentimento, usuários teste e políticas Workspace.

Reteste sem encobrir o problema

A propagação do Google pode levar alguns minutos.

1. Limpar cache da aplicação

   Recarregue a configuração Wavize após alterar variáveis e abra janela privada.

2. Testar conta existente

   Use endereço já registrado para reencontrar a mesma conta sem duplicá-la.

3. Testar novo registo

   Aceite CGV antes da redireção. Conta nova recebe endereço verificado e inicia onboarding.

Provas úteis para diagnóstico

Oculte código OAuth, Client ID se necessário, e-mail e segredo.

• Mensagem Google — Texto e código de erro exatos.
• Origem testada — Esquema e anfitrião visíveis, sem parâmetros callback.
• Hora e ambiente — Produção ou pré-produção, navegador e janela privada.