web-dev-qa-db-fra.com

API Google: origine non valide pour le client: l'URL n'a pas été inscrite sur la liste blanche de l'ID client "ID".

J'ai besoin d'aide. Je n'ai pas trouvé de réponse à ma question. J'ai essayé de googler et j'ai essayé de demander de l'autre côté, mais je n'ai jamais trouvé de réponse. 

Je travaille avec l'API Google (API de données Youtube) et j'utilise l'exemple de code de Google. Le code fonctionne, je suis plutôt sûr de cela. J'ai une erreur quand j'essaie de démarrer le script: 

détails: "Origine non valide pour le client:" MyURL "n'a pas été ajouté à la liste blanche pour l'ID de client" MyID ". Veuillez vous rendre sur https://console.developers.google.com/ et attribuer la liste blanche de cette origine ID client du projet ".

erreur: "idpiframe_initialization_failed"

Le problème que j'ai inscrit sur la liste blanche de mon site Web a été accepté. Je ne sais pas ce qui ne va pas. Que dois-je faire pour "ajouter à la liste blanche" mon domaine (c'est une liste blanche)

Et une autre question. Je n'ai pas cherché de réponse à cette question auparavant.

Je pense qu'il est possible que je puisse utiliser le code sur Localhost, je pense que je dois ajouter à la liste blanche mon adresse localhost ou quelque chose comme ça. Mais la liste blanche ne fonctionne pas.

  • DreamGamer
google-apiyoutube-data-apiwhitelist
32
DreamGamer

Avait le même problème et voici comment je l'ai résolu:

  1. Activer les API Google Analytics et Google Plus sur votre projet
  2. Créez de nouvelles informations d'identification de client OAUTH 2.0
    • Ajouter la Authorized Javascript Origins under Restrictions section
  3. Utilisez le nouvel identifiant client.

Prendre plaisir.

31
Ezra Obiwale

J'ai effacé le cache. Commencé à travailler alors.

Dans Chrome: Paramètres -> Avancé -> Effacer les données de navigation -> Images et fichiers en cache

85
Manu Chadha

Pour moi, cela a fonctionné sans ajouter aucune des API supplémentaires telles que Google Analytics. Assurez-vous simplement d'ajouter l'ID client complet et d'ouvrir l'application dans la fenêtre de navigation privée pour éviter d'enregistrer le cache. Si vous avez déjà ouvert l'application dans une fenêtre normale, 1- Fermez tous les onglets de cette application ouverte à l'adresse . 2- Effacez le cache et les cookies. En chrome, dans Paramètres -> Mots de passe et formulaires -> Effacer les données de navigation -> Avancé (onglet) -> sélectionner a) Cookies et autres données de site et b) Images et fichiers en cache 3- Ouvrez une nouvelle fenêtre de navigation privée. et testez votre application. 

2
user3806770

Essayez d'effacer le cache, il pourrait être un problème avec cache/localstorage.

2
Saurabh Agrawal

J'avais un problème similaire en essayant d'obtenir un identifiant pour mon application web. Ce que j'ai fait était simplement de recréer les informations d'identification OAuth du client à partir de Cloud Platform. Quand j'ai fait cela et utilisé le nouvel identifiant client, tout a bien fonctionné. Je ne sais pas quel était le problème avant, mais tout se passe très bien maintenant.

Si quelqu'un trouve cela sur Google ou quoi, essayez-le. Ça pourrait marcher. Cela expliquerait la réponse d'Ezra Obiwale car il s'agit essentiellement de créer un nouvel ID client juste après l'ajout de plusieurs API.

Si quelqu'un sait pourquoi cela se produit, ce serait apprécié.

1
scoutchorton

Effacer le cache a fait l'affaire pour moi

1
Gayan Rodrigo

J'ai également suivi les instructions de l'exemple de démarrage rapide, Si vous aviez le même problème, essayé toutes les solutions suggérées ici en vain, essayé tout ce que je pouvais imaginer mais cela n'a pas aidé.

Enfin vu que j'ai copié le CLIENT_ID avec un espace à la fin.

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

Une fois que j'ai résolu ce problème (supprimé l'espace supplémentaire), cela a fonctionné.

Je suppose que le message d’erreur n’est pas très précis dans ce cas-ci… Je l’espère.

0
Yossi Vainshtein

Je pense que cela a à voir avec la mise en cache, essayez d'accéder à votre navigateur et d'effacer le cache, essayez: en chrome,> réglage> avancé> effacer les données de navigation:>: images et fichiers en cache.

0
Yonatan Fessehaye

Je viens de faire la même erreur: J'ai essayé le exemple officiel de démarrage rapide et j'ai reçu le même message d'erreur que vous.

C'est assez déroutant, car cet exemple est un exemple complet qui utilise OAuth pour la connexion de l'utilisateur, et PAS simplement le API key. Si vous ne souhaitez pas utiliser OAuth et souhaitez uniquement récupérer des données Youtube, sans aucune action privilégiée (par exemple, si vous souhaitez uniquement rechercher ou répertorier des vidéos, des chaînes ou des listes de lecture), cet exemple est pour vous.

La solution est simple, il suffit de fournir apiKey au lieu de clientId à gapi.client.init (lien: API docs ), comme suit:

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

J'avais exactement le même problème: la solution pour moi consistait à accéder à API Manager et à activer l'API Analytics. Je ne sais pas quel était le problème, mais cela semble avoir résolu le problème!

0
Mathew Reiss

J'avais également les mêmes problèmes jusqu'à ce que je réalise que lorsque j'ai copié le client_ID, il y avait un espace dans mon fichier. J'ai donc supprimé cet espace de la chaîne et tout fonctionne correctement à présent.

0
Kenneth Duverge

Une des raisons pour lesquelles il ne pourrait pas fonctionner est le nombre de connexions (100) supérieur à certains client ID.

Vous pouvez visiter page de la console de l'API Google et créer de nouvelles informations d'identification du client Oauth2 (n'oubliez pas d'ajouter l'URL de vos applications sous Authorized Javascript Origins), puis de l'utiliser.

0
trojek