Google API: недействительный источник для клиента: URL-адрес не внесен в белый список для идентификатора клиента «ID»

Мне нужна помощь. Я не нашел ответа на свой вопрос. Я пробовал гуглить и спрашивал с других сторон, но так и не нашел ответа.

Я работаю с API Google (API данных Youtube), и я использую пример кода со стороны Google, код, который он работает, я почти уверен в этом. Я получаю сообщение об ошибке при запуске скрипта:

подробности: «Недействительный источник для клиента:« MyURL »не был включен в белый список для идентификатора клиента« MyID ». Перейдите на https://console.developers.google.com/ и внесите этот источник в белый список для идентификатора клиента вашего проекта. "

ошибка: "idpiframe_initialization_failed"

Проблема. Я внес свой веб-сайт в белый список, и он принят. я не знаю что не так. Что мне делать, чтобы добавить мой домен в белый список (он включен в белый список)

И еще вопрос. Я раньше не искал ответа на этот вопрос.

Я думаю, что вполне возможно, что я могу использовать код на Localhost, я думаю, что должен внести свой адрес localhost в белый список или что-то в этом роде. Но белые списки не работают.

• DreamGamer

Была такая же проблема, и вот как я ее решил:

1. Активируйте в своем проекте API Analytics и Google Plus.
2. Создайте новые учетные данные клиента OAUTH 2.0
   • Добавьте авторизованные источники Javascript в раздел ограничений
3. Используйте новый идентификатор клиента.

Наслаждаться.

Я очистил кеш. Тогда начал работать.

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

Очистка кеша помогла мне

Попробуйте очистить кеш, это может быть проблема с cache / localstorage.

Для меня это сработало без добавления каких-либо дополнительных API, таких как Google Analytics. Просто не забудьте добавить всех клиентов и открыть приложение в режиме инкогнито, чтобы не сохранять кеш. Если приложение уже было открыто в обычном окне, 1- Закройте все вкладки, на которых открыто приложение. 2- Очистить кеш и файлы cookie. В Chrome это в Настройки -> Пароли и формы -> Очистить данные просмотра -> Дополнительно (вкладка) -> выберите а) Файлы cookie и другие данные сайта и б) Кэшированные изображения и файлы 3 - Откройте новое окно в режиме инкогнито и проверьте свой приложение.

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

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

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

Наконец увидел, что я скопировал CLIENT_IDс пробелом в конце.

  var CLIENT_ID = '44********-*****************.apps.googleusercontent.com ';

Как только я исправил это (удалил лишнее пространство), все заработало.

Я предполагаю, что в этом случае сообщение об ошибке не очень точное. Надеюсь это поможет.

Я совершил ту же ошибку: попробовал официальный пример быстрого запуска и получил то же сообщение об ошибке, что и вы.

Это довольно сбивает с толку, потому что этот пример намного сложнее, чем то, что мне лично нужно: он использует OAuth для входа пользователя, а НЕ только файл API key. Если вы похожи на меня, и вы не хотите использовать OAuth, и вы хотите получить только некоторые данные Youtube без каких-либо привилегированных действий (например, если вы хотите только искать или перечислять видео, каналы или плейлисты), этот пример для тебя.

Решение простое, просто предоставить apiKeyвместо clientIdк gapi.client.init(ссылка: API Docs ), например , так:

const apiKey = '<my API key>';

function gooApiInitClient() {
  // Array of API discovery doc URLs for APIs used by the quickstart
  const discoveryDocs = [
    "https://www.googleapis.com/discovery/v1/apis/youtube/v3/rest"
  ];

  return gapi.client.init({
    apiKey,
    discoveryDocs
  });
}

// see: https://developers.google.com/api-client-library/javascript/reference/referencedocs
gapi.load('client', {
  callback: function() {
    // we now have gapi.client! initialize it.
    gooApiInitClient().
      then(() => {
        // we can start using the API here!
        // e.g. gapi.client.youtube.videos.list(...);
      }).then(results => { 
        // use results here....
      });
  }
});

Я также пытался заставить образец работать (из) https://developers.google.com/drive/api/v3/quickstart/js

Это постоянно не удавалось, даже если IP-адрес был добавлен в WebAPI.

Но вам нужно добавить localhost: 8000 (а не только 127.0.0.1:8000) в свой OAUTH, как показано здесь:

Обведите текст клиента OAUTH, и он станет ссылкой. Щелкните эту ссылку, и вы можете добавить URI, включая порт. У меня уже было 127.0.0.1:8000, но не locahost: 8000.

Вот что интересно / странно. Когда я пингую локальный хост, я вижу:

Я думаю, что это IPV6.

В любом случае, если я пингую 127.0.0.1, я вижу ожидаемый ответ (через IPV4)

Возможно, это отвлекающий маневр, но я не был уверен, повлияло ли это на значение, введенное в OAUTH, или нет.

Причина, по которой я даже заметил это, заключается в том, что когда я запустил веб-сервер Python, как указано в руководстве, я увидел следующее и подумал, что это странно:

Только после добавления URI localhost: 8000 в OAUTH он заработал, но после добавления он работал нормально.

Как многие указали здесь, это просто проблема кеширования браузера. Не нужно создавать новый ключ или даже очищать кеш. Просто попробуйте еще раз в новом окне браузера в режиме инкогнито (анонимно), и все должно работать нормально.

У меня возникла аналогичная проблема при попытке получить логин для моего веб-приложения. Я просто воссоздал учетные данные идентификатора клиента OAuth из Cloud Platform. Когда я сделал это и использовал новый идентификатор клиента, все работало нормально. Не уверен, в чем проблема была раньше, но теперь она проходит отлично.

Если кто-то найдет это из Google или еще чего-то, попробуйте это. Это может сработать. Это объяснило бы ответ Эзры Обивале, потому что по сути он создает новый идентификатор клиента сразу после добавления пары API.

Если кто-нибудь знает объяснение того, почему это происходит, это будет оценено.

У меня была точно такая же проблема - решение для меня заключалось в том, чтобы зайти в API Manager и включить Analytics API. Не уверен, в чем была проблема, но, похоже, это решило ее!

Я считаю, что это связано с кешированием, попробуйте перейти в свой браузер и очистить кеш, попробуйте: в chrome,> настройка> расширенный> очистить данные просмотра:>: кэшированные изображения и файлы.

Одна из причин, по которой он не может работать - превышение количества (100) логинов на определенных client ID.

Вы можете посетить страницу консоли API Google и создать новые учетные данные клиента Oauth2 (не забудьте добавить URL-адрес своего приложения Authorized Javascript Origins), а затем использовать его.

У меня были те же проблемы, пока я не понял, когда я скопировал client_ID, в моем файле было пустое пространство, поэтому я удалил пустое пространство из строки, и теперь все работает отлично.

Я столкнулся с той же проблемой при работе с входом в Google с помощью response-social-login на моем локальном хосте. В источнике белого списка нам нужно будет указать http: // localhost: 3000, чтобы он работал.