如何添加从Google,Facebook,雅虎等社会login服务到我的网站?

我想添加以下button到我的网站,为用户提供更多的服务,如谷歌,脸书等login选项

登录选项

请回答以下问题:

  1. 我怎样才能免费的添加这样的服务? (请注意,我不想使用像Janrain这样的付费服务)
  2. 如何将存储在帐户中的用户的用户信息(如电子邮件,电话号码)存储到我的数据库中?
  3. 请提供可以使用的任何链接/库。

我很感激您可以提供的任何其他信息。

谢谢!

您将使用相应服务(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/

也看看这里 。 SO上已经有几个类似的问题,请查看右边的相关问题。

为Google

将Googlelogin集成到您的Web应用程序中

创build一个Google Developers Console项目和客户端ID。

加载Google平台库

您必须在集成Googlelogin的网页上joinGoogle平台库。

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

指定您的应用程序的客户端ID

使用google-signin-client_id元素指定您在Google Developers Console中为您的应用程序创build的客户端ID。

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

注意:您还可以使用gapi.auth2.init()方法的client_id参数指定您的应用程序的客户端ID。

添加Googleloginbutton

向您的网站添加Googleloginbutton的最简单方法是使用自动呈现的loginbutton。 只需要几行代码,就可以添加一个button,该button可以自动configuration自己,以便为用户的login状态和请求的范围提供适当的文本,徽标和颜色。

要创build使用默认设置的Googleloginbutton,请将具有类g-signin2的div元素添加到login页面:

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

其他信息 可以在这里find