Connexion Google/fournisseur d'authentification tiers

Question

Je développe une application angularjs dans laquelle Google est l'une de ses fonctionnalités. J'utilise ce lien pour implémenter la fonctionnalité
https://blog.codecentric.de/en/2014/06/angularjs-google-sign-integration/. Voici aussi le script appelé lorsque la page est chargée `

<script type="text/javascript"> 
    (function() { 
     var p = document.createElement('script'); 
     p.type = 'text/javascript'; 
     p.async = true; 
     p.src = 'https://apis.google.com/js/platform.js?onload=onLoadCallback'; 
     var s = document.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(p, s); 
    })(); 
</script> 

`

Est-ce la bonne façon et comment je peux récupérer les données de Google et afficher les données à l'utilisateur et s'il est heureux d'appuyer sur inscrivez-vous et ensuite d'être signé. J'ai déjà créé mon application dans le service google api et essayé de nombreuses options, mais sans succès jusqu'à présent.

Merci dans le conseil.

Answer 1

Eh bien ce qui a un problème que vous seriez connectez directement avec sur l'utilisateur clique dessus afin que pourrait être un problème à l'avenir Essayez quelque chose comme ça

<script type="text/javascript"> 
     (function() { 
     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
     po.src = 'https://apis.google.com/js/client.js?onload=onLoadCallback'; 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
    })(); 
</script> 

De l'avis

function login() 
{ 
    var myParams = { 
    'clientid' : 'YOUR_CLIENT_ID.apps.googleusercontent.com', //You need to set client id 
    'cookiepolicy' : 'single_host_origin', 
    'callback' : 'loginCallback', //callback function 
    'approvalprompt':'force', 
    'scope' : 'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/plus.profile.emails.read' 
    }; 
    gapi.auth.signIn(myParams); 
} 

Convert ce code à Angular.

S'il vous plaît voir ce question pour plus de détails