login - usuario - ¿Cómo implemento ''iniciar sesión con google'' en mi sitio?
sistema de login php (7)
En mi sitio, me gustaría permitir que los usuarios inicien sesión con una cuenta de google. Planeo usar openid pero me gustaría permitir el inicio de sesión con google porque tiene más beneficios. Me he dado cuenta en el pasado de algunos sitios que tienen la capacidad de iniciar sesión con una cuenta de google (gmail) y IIRC aunque NO admitían openID (pero podría estar equivocado).
¿Cómo implemento ''iniciar sesión con google''?
Creo que lo que estás buscando es la API de Cuentas de Google .
Puede buscar en openId ( http://openid.net/ ), que es lo que SO usa, y es compatible con Google.
Puede que le interese RPX, que es una solución todo en uno que permite a las personas elegir qué proveedor de identidad les gustaría utilizar para iniciar sesión en su sitio. No solo se admiten Google y OpenID, sino también muchos otros.
RPX se ocupa de todos los detalles de la interfaz con cada proveedor de identidad y le proporciona una API común para trabajar.
Si planea usar OpenID, úselo. Google ya es un proveedor de OpenID 2.0.
El proveedor OpenID de Google se encuentra en: https://www.google.com/accounts/o8/ud
(NOTA: No tiene sentido visitar ese URI en su navegador, pero funciona para OpenID).
Esto se aborda principalmente en la página API de cuentas , que también se dirige a OAuth y a los sistemas de inicio de sesión híbridos y propietarios. Dependiendo de su sitio, también puede utilizar Friend Connect , que es un contenedor OpenSocial que internamente usa OpenID para la autenticación.
Por supuesto, estoy predispuesto hacia Friend Connect, ya que soy el DPE para ese proyecto, pero probablemente sea mejor que lo haga directamente usando el proveedor de OpenID a menos que también esté haciendo cosas que involucren un gráfico social.
Editar para 2012: desea usar OAuth 2.0 para iniciar sesión . GFC está siendo cerrado .
Creo que lo que quieres es Google Friend Connect
editar: No, ya no lo hace, ya que ha quedado obsoleto.
pero me gustaría permitir el inicio de sesión con Google
En este caso, agregue el siguiente código
HTML
<div id="mySignin" onclick="login()"><img src="google_image_here.png" alt="google" style="cursor:pointer;height: 60px;width: 309px;"/></div>
JS
<script type="text/javascript">
function login()
{
var myParams = {
''clientid'' : ''YOUR_CLIENT_ID.apps.googleusercontent.com'',
''cookiepolicy'' : ''single_host_origin'',
''callback'' : ''loginCallback'',
''approvalprompt'':''force'',
''scope'' : ''https://www.googleapis.com/auth/plus.login https://www.googleapis.com/auth/plus.profile.emails.read''
};
gapi.auth.signIn(myParams);
}
function loginCallback(result)
{
if(result[''status''][''signed_in''])
{
var request = gapi.client.plus.people.get(
{
''userId'': ''me''
});
request.execute(function (resp)
{
/* console.log(resp);
console.log(resp[''id'']); */
var email = '''';
if(resp[''emails''])
{
for(i = 0; i < resp[''emails''].length; i++)
{
if(resp[''emails''][i][''type''] == ''account'')
{
email = resp[''emails''][i][''value''];//here is required email id
}
}
}
var usersname = resp[''displayName''];//required name
});
}
}
function onLoadCallback()
{
gapi.client.setApiKey(''YOUR_API_KEY'');
gapi.client.load(''plus'', ''v1'',function(){});
}
</script>
<script type="text/javascript">
(function() {
var po = document.createElement(''script''); po.type = ''text/javascript''; po.async = true;
po.src = ''https://apis.google.com/js/client.js?onload=onLoadCallback'';
var s = document.getElementsByTagName(''script'')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Integrar el inicio de sesión de Google en su aplicación web
Cree un proyecto de consola de Google Developers e ID de cliente.
Cargue la biblioteca de Google Platform
Debe incluir la Biblioteca de Google Platform en sus páginas web que integran el inicio de sesión de Google.
<script src="https://apis.google.com/js/platform.js" async defer></script>
Especifique la ID de cliente de su aplicación
Especifique la ID de cliente que creó para su aplicación en Google Developers Console con el meta elemento google-signin-client_id.
<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
Nota: También puede especificar el ID de cliente de su aplicación con el parámetro client_id del método gapi.auth2.init ().
Agregar un botón de inicio de sesión de Google
La forma más fácil de agregar un botón de inicio de sesión de Google a su sitio es utilizar un botón de inicio de sesión prestado automáticamente. Con solo unas pocas líneas de código, puede agregar un botón que se configura automáticamente para tener el texto, el logotipo y los colores apropiados para el estado de inicio de sesión del usuario y los ámbitos que solicita.
Para crear un botón de inicio de sesión de Google que use la configuración predeterminada, agregue un elemento div con la clase g-signin2 a su página de inicio de sesión:
<div class="g-signin2" data-onsuccess="onSignIn"></div>
Otra información. podría encontrarse aquí