Google-verbinding instellen en oplossen

De Google-knop en OAuth-client zijn twee verschillende lagen

De Wavize-knop moet een leesbare grootte, icoon en label behouden. Een Google-fout 401 invalid_client of “no registered origin” verschijnt na klikken en duidt op een foutieve Google Cloud-configuratie, geen CSS-vervorming.

De verbinding gebruikt een OAuth-client van het type Webapplicatie. Toegestane JavaScript-oorsprongen bevatten alleen schema en host; de redirect-URI's bevatten het exacte callbackpad zoals door de app geleverd.

Voorbeeld om niet te verwarren
Oorsprong: https://wavize.com. Redirect-URI: de volledige Wavize callback-URL gebruikt door uw route. Een pad in Origins wordt geweigerd.

Controleer Wavize-variabelen en Google-project

De Client-ID ingesteld in Wavize moet behoren tot dezelfde client als het geheim en de permissies.

1. Type Webapplicatie

   In Google Cloud Console > APIs & Services > Credentials opent u de gebruikte client. Een Android- of iOS-client is niet geschikt voor deze webflow.

2. Exacte Client-ID

   Vergelijk de volledige waarde inclusief apps.googleusercontent.com suffix. Een oude productievariabele kan naar een verwijderd project wijzen.

3. Servergeheim

   Het geheim mag nooit in HTML of screenshots voorkomen. Na rotatie werkt u de serverconfiguratie bij en leegt u de configuratiecache.

Toegestane oorsprongen en redirects registreren

Voeg elke omgeving expliciet toe zonder gevaarlijke wildcard.

1. JavaScript-oorsprong

   Voeg precies https://wavize.com toe en indien gebruikt https://www.wavize.com. Geen trailing slash of /auth/google/callback pad.

2. Callback-URI

   Kopieer de volledige URI zoals verwacht in de productie-route. Schema, host, pad, slash en eventuele taalprefix moeten exact overeenkomen.

3. Toestemmingsscherm

   Controleer publicatiestatus, toegestane domeinen en testgebruikers als de app nog in teststaat is. Een niet-gemelde gebruiker kan worden geblokkeerd, zelfs met correcte callback.

Symptomen onderscheiden

Het moment van falen geeft aan welke laag onderzocht moet worden.

• Visueel incorrecte knop

  Inspecteer CSS, containerbreedte, icoon en responsive. De klik kan Google toch correct openen.

• invalid_client

  Ontbrekende Client-ID, verkeerd project, inconsistent geheim of niet geladen variabele. Corrigeer configuratie voor aanpassing routes.

• no registered origin

  Voeg de exacte oorsprong toe waar de knop wordt uitgevoerd. Een accounts.google.com URL in de balk betekent niet dat Google als oorsprong moet worden toegestaan.

• redirect_uri_mismatch of 403

  Vergelijk callback letter voor letter en controleer toestemmingsscherm, testgebruikers en Workspace-beleid.

Hertesten zonder het probleem te verbergen

Google-propagatie kan enkele minuten duren.

1. Applicatiecache legen

   Laad Wavize-configuratie opnieuw na variabele wijzigingen en open een privénavigatievenster.

2. Besteed bestaand account testen

   Gebruik een reeds geregistreerd adres: het moet hetzelfde account vinden zonder duplicaat aan te maken.

3. Nieuw registratie testen

   Accepteer de algemene voorwaarden vóór redirectie. Het nieuwe account krijgt een geverifieerd adres en doorloopt de onboarding.

Nuttig bewijs voor diagnose

Verberg OAuth-code, Client-ID indien procedure vereist, e-mail en alle geheimen.

• Google-bericht — Exacte tekst en foutcode.
• Geteste oorsprong — Zichtbaar schema en host, zonder callback-parameters.
• Tijd en omgeving — Productie of preproductie, browser en privénavigatievenster.