Interfejs API Google: nieprawidłowe źródło klienta: adres URL nie został umieszczony na białej liście identyfikatora klienta „ID”

Potrzebuję pomocy. Nie znalazłem odpowiedzi na swoje pytanie. Próbowałem googlować i pytać z innych stron, ale nigdy nie znalazłem odpowiedzi.

Pracuję z Google API (Youtube data API) i używam przykładowego kodu ze strony google, kod działa, jestem tego pewien. Wystąpił błąd, gdy próbuję uruchomić skrypt:

szczegóły: „Nieprawidłowe źródło dla klienta:„ MyURL ”nie zostało dodane do białej listy dla identyfikatora klienta„ MyID ”. Wejdź na https://console.developers.google.com/ i umieść to źródło na białej liście dla identyfikatora klienta swojego projektu. "

błąd: „idpiframe_initialization_failed”

Problem, który umieściłem na białej liście mojej witryny i został zaakceptowany. nie wiem, co jest nie tak. Co powinienem zrobić, aby umieścić moją domenę na białej liście (jest na białej liście)

I jeszcze jedno pytanie. Wcześniej nie szukałem odpowiedzi na to pytanie.

Myślę, że jest możliwe, że mogę użyć kodu na Localhost, myślę, że muszę dodać do białej listy mój adres localhost lub coś takiego. Ale biała lista nie działa.

• DreamGamer

Miałem ten sam problem i oto jak go rozwiązałem:

1. Aktywuj interfejsy API Analytics i Google Plus w swoim projekcie
2. Utwórz nowe poświadczenia klienta OAUTH 2.0
   • Dodaj autoryzowane źródła JavaScript w sekcji Ograniczenia
3. Użyj nowego identyfikatora klienta.

Cieszyć się.

Wyczyściłem pamięć podręczną. Zacząłem wtedy pracować.

W przeglądarce Chrome: Ustawienia -> Zaawansowane -> Wyczyść dane przeglądania -> Obrazy i pliki w pamięci podręcznej

Wyczyszczenie pamięci podręcznej załatwiło sprawę

Spróbuj wyczyścić pamięć podręczną, może to być problem z pamięcią podręczną / magazynem lokalnym.

W moim przypadku działało bez dodawania jakichkolwiek dodatkowych interfejsów API, takich jak Google Analytics. Po prostu dodaj pełny identyfikator klienta i otwórz aplikację w oknie incognito, aby uniknąć zapisywania pamięci podręcznej. Jeśli już otworzyłeś aplikację w zwykłym oknie, 1- Zamknij wszystkie karty, w których jest otwarta aplikacja. 2- Wyczyść pamięć podręczną i pliki cookie. W przeglądarce Chrome jest w Ustawieniach -> Hasła i formularze -> Wyczyść dane przeglądania -> Zaawansowane (karta) -> wybierz a) Pliki cookie i inne dane witryn oraz b) Obrazy i pliki zapisane w pamięci podręcznej 3 - Otwórz nowe okno incognito i przetestuj aplikacja.

Dokumentacja mówi, aby nie przeoczyć dwóch krytycznych kroków („Podczas przeglądania instrukcji ważne jest, aby nie przeoczyć tych dwóch krytycznych kroków: Włącz interfejs API Analytics. Oto, co mi pomogło:

1. Włącz interfejs API Analytics
2. Wróć do poświadczeń, usuń poprzednią wersję OAuth 2.0
3. teraz utwórz nową OAuth z poprawnymi źródłami

Postępowałem również zgodnie z instrukcjami z przykładu szybkiego startu. Miałem ten sam problem, wypróbowałem wszystkie sugerowane tutaj rozwiązania bezskutecznie, wypróbowałem wszystko, co mogłem sobie wyobrazić, ale to nie pomogło.

Wreszcie zobaczyłem, że skopiowałem CLIENT_IDznak ze spacją na końcu.

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

Po naprawieniu tego (usunięciu dodatkowej przestrzeni) zadziałało.

Myślę, że komunikat o błędzie nie jest w tym przypadku zbyt dokładny. Mam nadzieję że to pomoże.

Właśnie popełniłem ten sam błąd: wypróbowałem oficjalny przykład szybkiego startu i otrzymałem ten sam komunikat o błędzie co Ty.

Jest to raczej mylące, ponieważ ten przykład jest o wiele bardziej złożony niż to, czego osobiście potrzebowałem: wykorzystuje OAuth do logowania użytkownika, a NIE tylko API key. Jeśli jesteś podobny do mnie i nie chcesz używać OAuth, a chcesz tylko odzyskać niektóre dane z YouTube, bez żadnych uprzywilejowanych działań (np. Jeśli chcesz tylko wyszukiwać lub wyświetlać filmy, kanały lub listy odtwarzania), ten przykład to dla Was.

Rozwiązanie jest proste, wystarczy dostarczyć apiKeyzamiast clientIddo gapi.client.init(Link: Dokumentacja API ), tak jak poniżej:

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....
      });
  }
});

Próbowałem też uruchomić próbkę (od) https://developers.google.com/drive/api/v3/quickstart/js

Ciągle zawodziło, mimo że adres IP został dodany do interfejsu WebAPI.

Ale musisz dodać localhost: 8000 (nie tylko 127.0.0.1:8000) do swojego OAUTH, jak pokazano tutaj:

Najedź na tekst klienta OAUTH, a stanie się on łączem. Kliknij to łącze, aby dodać identyfikator URI, w tym port. Mój miał już 127.0.0.1:8000, ale nie locahost: 8000.

Oto interesująca / dziwna rzecz. Kiedy pinguję localhost, widzę:

Myślę, że to kwestia protokołu IPV6.

W każdym razie, jeśli pinguję 127.0.0.1, widzę oczekiwaną odpowiedź (przez IPV4)

Może to czerwony śledź, ale nie byłem pewien, czy ma to wpływ na wartość wpisaną w OAUTH, czy nie.

Powodem, dla którego nawet to zauważyłem, jest to, że kiedy uruchomiłem serwer sieciowy Python zgodnie z zaleceniami w samouczku, zobaczyłem następujące rzeczy i pomyślałem, że to dziwne:

Dopiero po dodaniu localhost: 8000 URI w OAUTH zadziałało, ale po dodaniu działało dobrze.

Jak wielu tutaj wskazało, jest to tylko problem z pamięcią podręczną przeglądarki. Nie ma potrzeby tworzenia nowego klucza ani nawet czyszczenia pamięci podręcznej. Po prostu spróbuj ponownie w nowym oknie incognito (anonimowym) przeglądarki i powinno działać dobrze.

Miałem podobny problem podczas próby logowania się do mojej aplikacji internetowej. Właśnie odtworzyłem dane uwierzytelniające identyfikatora klienta OAuth z Cloud Platform. Kiedy to zrobiłem i użyłem nowego identyfikatora klienta, wszystko działało dobrze. Nie jestem pewien, na czym polegał problem, ale teraz przechodzi doskonale.

Jeśli ktoś znajdzie to w Google lub w czymkolwiek, spróbuj tego. Może po prostu zadziała. To wyjaśniałoby odpowiedź Ezry Obiwale, ponieważ zasadniczo polega to na utworzeniu nowego identyfikatora klienta zaraz po dodaniu kilku interfejsów API.

Jeśli ktoś zna wyjaśnienie, dlaczego tak się dzieje, będzie to mile widziane.

Utwórz dane uwierzytelniające

Każda aplikacja korzystająca z protokołu OAuth 2.0 w celu uzyskania dostępu do interfejsów API Google musi mieć dane uwierzytelniające, które identyfikują aplikację na serwerze Google OAuth 2.0. Poniższe kroki wyjaśniają, jak utworzyć poświadczenia dla projektu. Twoje aplikacje mogą następnie używać poświadczeń do uzyskiwania dostępu do interfejsów API, które zostały włączone dla tego projektu.

1. Przejdź do strony Poświadczenia .
2. Kliknij Utwórz dane logowania> Identyfikator klienta OAuth.
3. Wybierz typ aplikacji internetowej.
4. Wypełnić formularz. Aplikacje używające JavaScript do wysyłania autoryzowanych żądań interfejsu API Google muszą określać autoryzowane źródła JavaScript . Źródła określają domeny, z których aplikacja może wysyłać żądania do serwera OAuth 2.0.

Miałem dokładnie ten sam problem - rozwiązaniem dla mnie było przejście do Menedżera API i włączenie API Analytics. Nie jestem pewien, na czym polegał problem, ale wydaje się, że to go rozwiązało!

Uważam, że ma to związek z buforowaniem, spróbuj przejść do przeglądarki i wyczyścić pamięć podręczną, spróbuj: w chrome,> ustawienia> zaawansowane> wyczyść dane przeglądania:>: obrazy i pliki z pamięci podręcznej.

Jednym z powodów, dla których nie mógł on działać, jest przekroczenie liczby (100) logowań na niektórych client ID.

Możesz odwiedzić stronę konsoli Google API i utworzyć nowe dane logowania klienta Oauth2 (pamiętaj, aby dodać adres URL aplikacji pod Authorized Javascript Origins), a następnie ich użyć.

Miałem te same problemy, dopóki nie zdałem sobie sprawy, że kiedy skopiowałem client_ID, w moim pliku jest biały znak, więc usunąłem biały znak z ciągu i wszystko działa świetnie.

Napotkałem ten sam problem podczas pracy z logowaniem do Google przy użyciu React-Social-login na moim hoście lokalnym. W źródle białej listy będziemy musieli podać http: // localhost: 3000, aby działał.