wake-up-neo.net

idpiframe_initialization_failed in Google Anmelden von Localhost

Ich versuche, eine Google-Anmeldeschaltfläche zu erstellen, indem ich dieser Link folge. Bisher kommt das Dialogfeld zur Kontoauswahl, aber danach sehe ich kein Ergebnis in der Konsole. Stattdessen erhalte ich diesen Fehler beim Laden der Seite.

"idpiframe_initialization_failed", details: "Not a valid Origin for the client: http://localhos…itelist this Origin for your project's client ID."
details: "Not a valid Origin for the client: http://localhost has not been whitelisted for client ID 386404527657-q4ss06np5g27dllq5ds7aif42udkh7e5.apps.googleusercontent.com. Please go to https://console.developers.google.com/ and whitelist this Origin for your project's client ID."

Hier sind die Codes,

<html lang="en">
  <head>
    <meta name="google-signin-scope" content="profile email">
    <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
    <script src="https://apis.google.com/js/platform.js" async defer></script>
  </head>
  <body>
    <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"</div>
    <script>
      function onSignIn(googleUser) {
        // Useful data for your client-side scripts:
        var profile = googleUser.getBasicProfile();
        console.log("ID: " + profile.getId()); // Don't send this directly to your server!
        console.log('Full Name: ' + profile.getName());
        console.log('Given Name: ' + profile.getGivenName());
        console.log('Family Name: ' + profile.getFamilyName());
        console.log("Image URL: " + profile.getImageUrl());
        console.log("Email: " + profile.getEmail());

        // The ID token you need to pass to your backend:
        var id_token = googleUser.getAuthResponse().id_token;
        console.log("ID Token: " + id_token);
      };
    </script>
  </body>
</html>

Ich muss dieses Problem wirklich beheben und die Ergebnisse in meiner Konsole abrufen. Ich habe keine Ahnung, was ich als nächstes tun soll, um dies zu beheben. Benötigen Sie Hilfe, danke!

19
Shihan Khan

Ich hatte genau dieses Problem und diese Lösung arbeitete für mich.

Kurz gesagt: Leeren Sie Ihren Browser-Cache.

In Chrome: Einstellungen → Erweitert → Browserdaten löschen → Zwischengespeicherte Bilder und Dateien

40
Nathan Wailes

Die Lösung, die für mich funktioniert hat, bestand darin, den Origin in der Google Developer Console-API für diese Anwendung auf die Whitelist zu setzen.

4
Cliff Coulter

Dieser Fehler trat auf mehreren Websites auf, auf denen Google Sign-in angeboten wird. Ich musste das Cookie "accounts.google.com" in "Cookies und andere Site-Daten anzeigen" zulassen, damit die Website funktioniert (nach dem erneuten Laden der Seite). Wahrscheinlich war das Blockieren von Cookies von Drittanbietern im Browser die Hauptursache für den ersten Platz.

4
gergelykocse

Für mich war es Einstellungen> Site-Einstellungen> Cookies> "Blockierte Cookies von Drittanbietern" muss deaktiviert sein.

1
Aidin