<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.