Authentication 如何实施‘;使用谷歌登录’;在我的网站上?

Authentication 如何实施‘;使用谷歌登录’;在我的网站上?,authentication,gmail,google-oauth,cross-domain,openid,Authentication,Gmail,Google Oauth,Cross Domain,Openid,在我的网站上,我想允许用户使用谷歌帐户登录。我计划使用openid,但我想允许登录谷歌,因为它有更多的好处。我注意到,过去有几个网站可以使用google(gmail)帐户和IIRC登录,尽管它们不支持openID(但我可能错了) 如何实现“使用谷歌登录”?我相信您要的是 编辑:不,您不再需要,因为它已被弃用 您可以查看SO使用的openId(),它由Google支持。如果您计划使用openId,请使用它。谷歌已经是一家OpenID2.0提供商 谷歌的OpenID提供商位于: (注意:在浏览器中访

在我的网站上,我想允许用户使用谷歌帐户登录。我计划使用openid,但我想允许登录谷歌,因为它有更多的好处。我注意到,过去有几个网站可以使用google(gmail)帐户和IIRC登录,尽管它们不支持openID(但我可能错了)


如何实现“使用谷歌登录”?

我相信您要的是


编辑:不,您不再需要,因为它已被弃用

您可以查看SO使用的openId(),它由Google支持。

如果您计划使用openId,请使用它。谷歌已经是一家OpenID2.0提供商

谷歌的OpenID提供商位于:

(注意:在浏览器中访问该URI没有意义,但它确实适用于OpenID。)

这主要在页面上进行了说明,该页面还介绍了OAuth以及混合和专有登录系统。根据您的站点,您可能还希望使用,这是一个OpenSocial容器,内部使用OpenID进行身份验证

我当然倾向于Friend Connect,因为我是该项目的DPE,但如果你也在做涉及社交图的事情,那么直接使用OpenID提供商可能会更好

编辑2012:您要使用的。GFC正在使用。

您可能会感兴趣的是,哪一个是一个多功能的解决方案,让人们选择他们想要使用哪个身份提供商登录您的站点。不仅支持Google和OpenID,还支持许多其他应用程序

RPX负责与每个身份提供者接口的所有细节,并为您提供了一个通用的API

但我想允许登录谷歌

在本例中,添加以下代码

HTML


JS


函数登录()
{
var myParams={
“clientid”:“你的客户ID.apps.googleusercontent.com”,
'cookiepolicy':'single_host_origin',
“回调”:“loginCallback”,
“批准提示”:“强制”,
'范围':'https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/plus.profile.emails.read'
};
gapi.auth.signIn(myParams);
}
函数loginCallback(结果)
{
如果(结果['status']['signed_in'])
{
var request=gapi.client.plus.people.get(
{
“userId”:“我”
});
请求执行(功能(resp)
{
/*控制台日志(resp);
console.log(resp['id'])*/
var电子邮件=“”;
如果(回复[“电子邮件])
{
对于(i=0;i
将Google登录集成到您的web应用程序中

加载Google平台库

您必须在集成Google登录的网页上包含Google平台库

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

指定应用程序的客户端ID

使用Google-signin-client_ID元元素在Google开发者控制台中指定为应用程序创建的客户端ID

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

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

添加谷歌登录按钮

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

要创建使用默认设置的Google登录按钮,请在登录页面中添加一个类别为g-signn2的div元素:

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

其他信息。可以找到


其他可能的解决方案是

认证协议

OAuth2.0概述

OpenID连接

用于服务器端Web应用的OAuth 2.0

用于JavaScript Web应用的OAuth 2.0


OAuth 2.0用于移动和桌面应用程序

谷歌登录集成的简单步骤:

  • 首先转到link()
  • 从左上角可用的下拉列表中选择一个项目。如果尚未创建项目,请创建项目
  • 创建项目后,单击OAuth同意屏幕,填写应用程序名称和应用程序徽标等详细信息。可选详细信息,如域URL、重定向URL

  • 转到凭据并单击创建凭据下拉列表,然后单击Oauth客户端id。在表单中填写详细信息

  • 记下客户端Id和密钥,以便登录API集成

  • 对于API集成,请参阅。暂时
    <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
    
    <div class="g-signin2" data-onsuccess="onSignIn"></div>