idpiframe_initialization_failed в Google Войти с локального хоста

Я пытаюсь создать кнопку входа в Google, перейдя по этой ссылке. Пока идет диалоговое окно выбора учетной записи, но после этого я не вижу никаких результатов в консоли. Вместо этого я получаю эту ошибку при загрузке страницы,

"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."

Вот коды,

<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>

Как я могу получить результаты в моей консоли?


person Shihan Khan    schedule 28.09.2017    source источник
comment
Вы использовали свой идентификатор клиента ??? ‹Meta name = google-signin-client_id content = YOUR_CLIENT_ID.apps.googleusercontent.com›   -  person ThdK    schedule 29.09.2017
comment
да. Я просто не положил его сюда из соображений безопасности.   -  person Shihan Khan    schedule 29.09.2017
comment
Попробуйте это решение. Требуется www.localhost   -  person Neo Pham    schedule 09.06.2020


Ответы (6)


У меня была именно эта проблема, и это решение сработало для меня.

Вкратце: очистите кеш браузера.

В Chrome: Настройки → Дополнительно → Очистить данные просмотра → Кэшированные изображения и файлы.

person Nathan Wailes    schedule 28.02.2018
comment
Спасибо, очистка кеша браузера позволила auth работать на шаге 3 примера bigquery-maps-api. - person Loren; 02.05.2018
comment
Иногда вы удаляете кеш, но по какой-то причине он не [полностью] удаляется, и вы продолжаете видеть проблему, думая «какого черта?». Просто проверьте свой сайт в окне инкогнито, чтобы убедиться, что проблема не в кеше. - person TitanFighter; 22.12.2018
comment
Я хочу добавить, что если вы используете такое расширение, как Privacy Badger, которое блокирует файлы cookie Google, тогда ничего работать не будет. - person mel; 04.05.2021

Просто очистите кеш или откройте свой URL в режиме инкогнито. это :). ваша проблема будет решена.

person Rahul More    schedule 26.08.2020

Решение, которое сработало для меня, заключалось в том, чтобы внести в белый список источник в API консоли разработчика Google для этого приложения.

person Cliff Coulter    schedule 22.03.2019

Я столкнулся с этой ошибкой на нескольких сайтах, предлагающих вход через Google. Мне пришлось «разрешить» cookie account.google.com в «показывать файлы cookie и другие данные сайта», чтобы сайт работал (после перезагрузки страницы). Вероятно, основной причиной первого места была блокировка сторонних файлов cookie в браузере,

person gergelykocse    schedule 09.09.2019

Для меня это были «Настройки»> «Настройки сайта»> «Файлы cookie»> «Заблокированные сторонние cookie-файлы» должны быть сняты.

person Aidin    schedule 08.02.2020

В документации говорится, что не следует упускать из виду два важных шага (при выполнении инструкций важно не упускать из виду эти два важных шага: Включение Analytics API. Вот что у меня сработало:

  1. Включите Analytics API
  2. вернемся к вашим учетным данным, удалите предыдущую версию OAuth 2.0
  3. теперь создайте новый OAuth с правильным происхождением
person Aravind Siruvuru    schedule 17.07.2020