Comment ajouter les services de connexion sociale de Google, Facebook, Yahoo, etc. à mon site Web ?

Question

Je souhaite ajouter les boutons suivants à mon site web pour permettre aux utilisateurs de se connecter en utilisant d'autres services tels que Google, Facebook, etc.

Veuillez répondre aux questions suivantes :

1. Comment puis-je ajouter différents services comme celui-ci ? gratuit ? (Veuillez noter que je ne veux pas utiliser de service payant comme Janrain et )
2. Comment puis-je stocker dans ma base de données les informations relatives à l'utilisateur (comme l'adresse électronique, le numéro de téléphone) qui sont stockées dans les comptes ?
3. Veuillez indiquer les liens/bibliothèques qui peuvent être utilisés.

J'apprécie toute autre information que vous pourriez me fournir.

Merci de votre attention !

Answer 1

Vous utiliserez les API des services respectifs (Google, Facebook, Twitter) ou éventuellement OpenID si vous envisagez de l'ajouter. Quelques liens :

http://code.google.com/apis/accounts/docs/OpenID.html

https://developers.facebook.com/docs/authentication/

http://dev.twitter.com/pages/auth

http://openid.net/add-openid/

Jetez également un coup d'œil aquí . Plusieurs questions similaires sont déjà présentes sur SO, consultez les questions connexes à droite.

Answer 2

Pour Google

Intégration de Google Sign-In dans votre application web

Créez un projet Google Developers Console et un identifiant client.

Charger la bibliothèque de la plate-forme Google

Vous devez inclure la bibliothèque de la plate-forme Google sur vos pages web qui intègrent Google Sign-In.

<script src="https://apis.google.com/js/platform.js" async defer></script>

Spécifiez l'identifiant client de votre application

Indiquez l'identifiant client que vous avez créé pour votre application dans la Google Developers Console à l'aide de l'élément méta google-signin-client_id.

<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">

Note : Vous pouvez également spécifier l'identifiant du client de votre application avec le paramètre client_id de la méthode gapi.auth2.init().

Ajouter un bouton Google Sign-In

Le moyen le plus simple d'ajouter un bouton de connexion Google à votre site est d'utiliser un bouton de connexion à rendu automatique. Quelques lignes de code suffisent pour ajouter un bouton qui se configure automatiquement pour afficher le texte, le logo et les couleurs appropriés en fonction de l'état de connexion de l'utilisateur et des champs d'application demandés.

Pour créer un bouton de connexion Google qui utilise les paramètres par défaut, ajoutez un élément div avec la classe g-signin2 à votre page de connexion :

<div class="g-signin2" data-onsuccess="onSignIn"></div>

D'autres informations pourraient être trouvées aquí