web-dev-qa-db-fra.com

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

Je veux ajouter les boutons suivants à mon site Web pour offrir aux utilisateurs la possibilité de se connecter en utilisant plus de services comme Google, Facebook, etc.

Login Options

Merci de répondre aux questions suivantes:

  1. Comment puis-je ajouter divers services comme celui-ci sans frais? (Veuillez noter que je ne souhaite utiliser aucun service payant comme Janrain et)
  2. Comment puis-je stocker les informations utilisateur de l'utilisateur (comme le courrier électronique, le numéro de téléphone) qui sont stockées dans les comptes dans ma base de données?
  3. Veuillez fournir tous les liens/bibliothèques qui peuvent être utilisés.

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

Je vous remercie!

loginopenidsingle-sign-on
37
Sumit Gupta

Vous utiliserez les API des services respectifs (Google, Facebook, Twitter) ou peut être OpenID si vous prévoyez d'ajouter cela également. 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 œil ici . Il y a plusieurs questions similaires déjà présentes sur SO, vérifiez les questions connexes à droite.

33
Atul Goyal

pour Google

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

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

Chargez la bibliothèque de la plateforme Google

Vous devez inclure la bibliothèque de la plateforme Google sur vos pages Web qui intègrent la connexion Google.

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

Spécifiez l'ID client de votre application

Spécifiez l'ID client que vous avez créé pour votre application dans la Google Developers Console avec le méta-élément google-signin-client_id.

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

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

Ajouter un bouton de connexion à Google

La façon la plus simple d'ajouter un bouton de connexion Google à votre site consiste à utiliser un bouton de connexion rendu automatiquement. Avec seulement quelques lignes de code, vous pouvez ajouter un bouton qui se configure automatiquement pour avoir le texte, le logo et les couleurs appropriés pour l'état de connexion de l'utilisateur et les étendues que vous demandez.

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>

Autres informations. pourrait être trouvé ici

1
KhogaEslam