如何将Google，Facebook，Yahoo等社交登录服务添加到我的网站？

Question

我想下面的按钮添加到我的网站，为用户提供选择使用更多的服务，如谷歌，Facebook等登录

请回答以下问题：

1. 如何我可以添加这样的各种服务吗？免费的？ （请注意，我不想使用像Janrain这样的付费服务）
2. 如何将存储在帐户中的用户信息（如电子邮件，电话号码）存储到我的数据库中？
3. 请提供可以使用的任何链接/库。

我明白你可以提供的任何其他信息。

谢谢！

Answer 1

您将使用相应服务（Google，Facebook，Twitter）的API，或者如果您打算添加它，也可能是OpenID。 一些链接：

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/

而且看一看here。 SO上有几个类似的问题，请查看右边的相关问题。

Answer 2

为谷歌

整合谷歌登入到你的Web应用程序

Create a Google Developers Console project and client ID.

装入谷歌平台库

必须包括谷歌平台库在您的网页集成了Google登录。

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

指定应用程序的客户端ID

指定你在谷歌开发者控制台您的应用程序与谷歌的式登入-CLIENT_ID元元建立的客户编号。

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

注意：您还可以用gapi.auth2.init（）方法的参数CLIENT_ID指定应用程序的客户端ID。

添加谷歌登录按钮

到谷歌登录按钮添加到您的网站的最简单方法是使用自动呈现的登录按钮。只需几行代码，就可以添加一个按钮，该按钮可以自动配置自身，以便为用户的登录状态和您请求的范围提供适当的文本，徽标和颜色。

要创建一个谷歌登录按钮使用默认设置，与类G-signin2一个div元素在登录页面添加到您：

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

其他信息。可以发现here