2017-05-19 1 views
9

Je reçois cette erreur de l'API Google OAuth:pas d'origine valable pour le client de l'API Google OAuth

idpiframe_initialization_failed "les détails:" Pas une origine valable pour le client. http://127.0.0 ... itelist ce origine pour votre client de projet ID

Je suis en train d'envoyer une demande de ce chemin d'accès local:

http://127.0.0.1:8887/

Et je l'ai déjà ajouté cette URL aux JavaScript autorisés origines section: enter image description here

Voici mon code:

<!-- The top of file index.html --> 
<html itemscope itemtype="http://schema.org/Article"> 
<head> 
    <!-- BEGIN Pre-requisites --> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> 
    </script> 
    <script src="https://apis.google.com/js/client:platform.js?onload=start" async defer> 
    </script> 
    <!-- END Pre-requisites --> 

<!-- Continuing the <head> section --> 
    <script> 
    function start() { 
     gapi.load('auth2', function() { 
     auth2 = gapi.auth2.init({ 
      client_id: 'MY CLIENT ID.apps.googleusercontent.com', 
      // Scopes to request in addition to 'profile' and 'email' 
      //scope: 'https://www.google.com/m8/feeds/' 
     }); 
     }); 
    } 
    </script> 




</head> 
<body> 


<button id="signinButton">Sign in with Google</button> 
<script> 
    $('#signinButton').click(function() { 
    // signInCallback defined in step 6. 
    auth2.grantOfflineAccess().then(signInCallback); 
    }); 
</script> 



<!-- Last part of BODY element in file index.html --> 
<script> 
function signInCallback(authResult) { 
    if (authResult['code']) { 

    // Hide the sign-in button now that the user is authorized, for example: 
    $('#signinButton').attr('style', 'display: none'); 

    // Send the code to the server 
    $.ajax({ 
     type: 'POST', 
     url: 'http://example.com/storeauthcode', 
     // Always include an `X-Requested-With` header in every AJAX request, 
     // to protect against CSRF attacks. 
     headers: { 
     'X-Requested-With': 'XMLHttpRequest' 
     }, 
     contentType: 'application/octet-stream; charset=utf-8', 
     success: function(result) { 
     // Handle or verify the server response. 
     }, 
     processData: false, 
     data: authResult['code'] 
    }); 
    } else { 
    // There was an error. 
    } 
} 
</script> 
    <!-- ... --> 
</body> 
</html> 

Comment puis-je résoudre ce problème?

+0

Copie possible de [authentification API Google: origine non valide pour le client] (http://stackoverflow.com/questions/42566296/google-api-authentication-not-valid-origin-for-the-client) – DaImTo

+1

Je m'attends au même problème en ce moment. – Praytic

+0

Avez-vous pu le réparer? – Praytic

Répondre

3

Si c'est la même chose pour vous, essayez plutôt d'ajouter http://localhost:8887 à vos origines JavaScript autorisées. Avait cette erreur moi-même à un moment donné et cela l'a réparé. Sachez que vous devrez utiliser cette URL pour votre demande ainsi que l'événement bien qu'il se traduise par http://127.0.0.1:8887/.

+0

Comment faites-vous cela? – BradLaney

16

J'ai eu un problème très similaire au vôtre. J'ai essayé d'ajouter plusieurs ports de la liste blanche de localhost et rien ne fonctionnait. A fini par supprimer les informations d'identification et les réinstaller. Doit avoir été un bug sur la fin des googles pour ma configuration.

+0

LOL ceci a fonctionné ... ceci a été la solution à tant de questions de google api dans le passé ... certainement besoin de se rappeler celui-ci. (wtf google ???) –

+0

ROFL cela a fonctionné .. !! une telle erreur stupide dans API google – Ritesh

+0

Yup, seule chose qui fonctionne pour moi aussi. Cela a été un problème pendant au moins un an. Que se passe-t-il? –

0

Je lis sur plusieurs endroits sur le Web que les gens utilisent pour refaire la création des informations d'identification pour le faire fonctionner.
Je l'ai fait, j'ai créé un nouveau titre pour le même projet et utilisé mon nouveau utilisateur-id et cela a fonctionné parfaitement ... On dirait que l'édition de la liste blanche est un peu flacky ...

Nb: J'ai également utilisé localhost au lieu de 127.0.0.1, les adresses IP ne sont pas valides.