En mi proyecto, uso la autenticación JS del lado del cliente emergente regular ( cliente de plataforma )
Migré del antiguo inicio de sesión de Google a la nueva plataforma de identidad de Google ( cliente gsi )
Usé el código de ejemplo simple
window.onload = function () { google.accounts.id.initialize({ client_id: 'YOUR_GOOGLE_CLIENT_ID', callback: handleCredentialResponse, auto_select: true }); google.accounts.id.prompt(); }Mi problema es que cada vez que un usuario vuelve a cargar la página, recibe el aviso de One Tap UX que lleva mucho tiempo.
Un segundo problema es que si un usuario tiene 2 cuentas de Google conectadas a su navegador, el aviso le pide que elija la cuenta cada vez que recarga (como si no estuviera guardada)
¿Cómo puedo lograr el comportamiento que tenía con la última biblioteca, que simplemente no cambia nada al recargar la página, pero solo cuando me conecto por primera vez?
Creo que Automatic sign-in es lo que necesitas.
Google One Tap admite el inicio de sesión automático, lo que proporciona una experiencia de usuario (UX) sin fricciones al eliminar los pasos manuales que los visitantes deben seguir cuando regresan a su sitio. Los usuarios no necesitan recordar qué cuenta de Google seleccionaron durante su última visita, lo que reduce las posibilidades de que se creen cuentas duplicadas innecesarias en su plataforma.
El inicio de sesión automático está diseñado para complementar nuestro botón Iniciar sesión con Google y los cuadros de diálogo One Tap. Está diseñado para usarse en todo su sitio, con el registro manual o el cambio de cuentas solo después de que el usuario haya cerrado sesión por primera vez en su sitio.
Para habilitar el inicio de sesión automático, agregue
data-auto_select="true"a su código HTML, como se muestra en el siguiente fragmento:
<div id="g_id_onload" data-client_id="YOUR_GOOGLE_CLIENT_ID" data-auto_select="true" data-login_uri="https://your.domain/your_login_endpoint"> </div>Después de algunas investigaciones, se determinó que este problema podría deberse a la función de devolución de llamada que maneja un token de ID. Me gustaría agregar que su método de canto es correcto y otros usuarios también lo hacen de esta manera, como se ve aquí . Creo que debería echar un vistazo a la guíaAutenticar con un servidor back-end para saber cómo manejar estos tokens, .