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

Question

我想在我的网站上添加以下按钮，以便为用户提供使用更多服务（如 Google、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/

也请看一下这里。 SO 上已经存在几个类似的问题，请检查右侧的相关问题。

Answer 2

对于谷歌

将 Google 登录集成到您的网络应用程序中

创建 Google Developers Console 项目和客户端 ID。

加载 Google 平台库

您必须在集成 Google 登录的网页上包含 Google Platform Library。

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

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

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

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

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

添加 Google 登录按钮

向网站添加 Google 登录按钮的最简单方法是使用自动呈现的登录按钮。只需几行代码，您就可以添加一个按钮，该按钮会自动将自身配置为具有适合用户登录状态和您请求的范围的文本、徽标和颜色。

要创建使用默认设置的 Google 登录按钮，请将类为 g-signin2 的 div 元素添加到您的登录页面：

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

其他信息。可以找到这里