27 de febrero de 2018

:: Google Sign in

Una prueba de concepto sobre la integración de Google Sign-in en nuestra web, podría ser un código similar al siguiente:
<html>
<head>
 <meta name="google-signin-client_id" content="xxxxxxxxxxxxxxxxxxxxxxxxxxxx.apps.googleusercontent.com">
 <script src="https://apis.google.com/js/platform.js" async defer></script>
</head>
<body>
 <h1>Integración de Google Sign-in</h1>
 
 <div id="my-signin2"></div>
 <script>
  function onSuccess(googleUser) {
    console.log('Logueado como : ' + googleUser.getBasicProfile().getName());
  }
  function onFailure(error) {
    console.log(error);
  }
  function renderButton() {
    gapi.signin2.render('my-signin2', {
   'scope': 'profile email',
   'width': 240,
   'height': 50,
   'longtitle': true,
   'theme': 'dark',
   'onsuccess': onSuccess,
   'onfailure': onFailure
    });
  }
 </script>

 <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
 
</body>
</html>


Tras pulsar sobre el botón de conectarnos con una cuenta de Google, en la consola obtendremos el nombre del perfil asociado a la cuenta de correo. De esta manera podemos integrar el sistema de validación de Google en nuestros desarrollos webs.



No hay comentarios:

Publicar un comentario

Déjanos tu comentario

:: Cookies de nuestra página web. ¿Para qué sirve cada una?

A menudo una pregunta que nos hacen es qué cookies se están utilizando en mi página y para qué sirven. Para ver las cookies, podemos selecci...