Authentification Google API: Origine non valide pour le client
Lors de l'envoi d'une demande d'authentification à l'API Google (gapi), la valeur false est renvoyée sur checkOrigin.
J'ai supprimé tout identifiant client ou tout élément pouvant être lié directement à mon compte et l'ai remplacé par un regex indiquant les données à titre de référence.
Url: https://accounts.google.com/o/oauth2/iframerpc?action=checkOrigin&Origin=https%3A%2F%2Flocal.tools&client_id=(\d{21})
Mon URL d'origine est une URL locale, qui est https://local.tools
Résultat: {valid: false}
J'utilise l'exemple trouvé ici sans écart (sauf pour remplacer clientid par mon clientid à 21 chiffres): https://ga-dev-tools.appspot.com/embed-api/third-party-visualizations/
Les éléments que j'essaie d'afficher apparaissent bien sur le site de démonstration, mais ne dépassent pas l'erreur Non valide pour le client sur mon site local.tools.
J'ai reçu le même message d'erreur de console lorsque je travaillais avec cet exemple: https://developers.google.com/analytics/devguides/reporting/embed/v1/getting-started
La documentation indique de ne pas négliger deux étapes critiques ("Lorsque vous parcourez les instructions, il est important de ne pas négliger ces deux étapes critiques: Activez l'API Analytics [&] Définissez les origines correctes"), mais ne définissez pas clairement Etat O définir les origines correctes.
Comme mon identifiant client ne fonctionnait pas, j'ai créé un nouveau projet et un nouvel identifiant client. Le nouveau projet n'a peut-être pas été nécessaire, mais je le conserve (et l'utilise).
Voici ce qui a fonctionné:
- Créer un nouveau projet
- Ajouter et activer l'API Analytics
- Créer une nouvelle information d'identification - assurez-vous qu'il s'agit d'une information d'identification OAUTH (allez au bas de cette page pour obtenir les instructions https://developers.google.com/api-client-library/javascript/start/start-js#Setup ).
Lors de la création des informations d'identification, vous verrez une section intitulée "Restrictions Entrez les origines JavaScript, les URI de redirection, ou les deux". C'est ici que vous pouvez entrer vos origines.
Enregistrez et copiez votre identifiant client (et votre secret).
Mon script a fonctionné après la création des nouvelles informations d'identification OAUTH, l'attribution de l'origine et l'utilisation de l'ID de client nouvellement généré à la suite de ce processus.
Videz le cache de votre navigateur. J'ai commencé à avoir cette erreur dans Chrome, puis j'ai créé un nouvel identifiant client et le problème persistait. Firefox ouvert et cela a fonctionné, alors j'ai effacé le cache sur Chrome et il a commencé à fonctionner.
Les informations d'identification ne fonctionnent pas si l'API n'est pas activée. Dans mon cas, les prochaines étapes étaient nécessaires:
- Accédez à https://console.developers.google.com/apis/library
- Entrez 'People'
- Dans le résultat, choisissez "Google People API".
- Cliquez sur 'Activer'
Pour moi - je suis juste allé ici:
https://console.developers.google.com/apis/credentials
Ensuite, choisissez le bon projet. puis choisissez les informations d'identification avec le même ID que celui indiqué dans le message d'erreur de votre console. Lors de la modification des informations d'identification, vous pouvez ajouter plusieurs origines à la liste blanche.
essayez des caches clairs, puis un rechargement dur, j’ai eu la même erreur, mais quand j’ai essayé de fonctionner avec un navigateur incognito en chrome, cela a fonctionné.
J'ai eu l'erreur à cause de Allow-Control-Allow-Origin: * extension du navigateur.
La création de nouvelles références Oauth a fonctionné pour moi