Mi Google Auth está atascado en el flujo de autenticación emergente. La autenticación de un toque funciona bien, pero no el botón <div id="g_id_signin"></div>
. Hago clic en él, se abre la ventana emergente pero permanece en blanco sin ningún progreso.
<script> function handleCredentialResponse(response) { console.log("Encoded JWT ID token: " + response.credential); ... } window.onload = function () { google.accounts.id.initialize({ client_id: "531144-------", callback: handleCredentialResponse }); google.accounts.id.renderButton( document.getElementById("g_id_signin"), { theme: "outline", size: "large" } // customization attributes ); google.accounts.id.prompt(); // also display the One Tap dialog } </script> <div id="g_id_signin"></div>
Tengo todos los dominios, localhost agregado en URI de redirección autorizados y redirecciones. Pero todavía no puedo hacer que la ventana emergente se complete y complete el flujo de autenticación. Cualquier ayuda es apreciada.
En este punto el error que me sale en FIREFOX:
TypeError no detectado: window.opener es nulo li https://ssl.gstatic.com/_/gsi/_/js/k=gsi.gsi.en.i....O/am=wg/d=1/ rs=AF0...w/m=credential_page_library:291 mi https://ssl.gstatic.com/_/gsi/_/js/k=gsi.gsi.en.i.....O/am= wg/d=1/rs=AF0...w/m=credential_page_library:29
Y en CROMO:
TypeError no detectado: no se pueden leer las propiedades de nulo (leyendo 'postMessage') en li (m=credential_page_library:291:151)
Tuve este problema y he encontrado una solución. resulta que tienes que establecer SECURE_CROSS_ORIGIN_OPENER_POLICY
en "same-origin-allow-popups"
en settings.py.
Referencia: https://github.com/google/google-api-javascript-client/issues/796#issuecomment-1118136612