Nova forma de autenticação via google

Conforme a documentação https://developers.google.com/identity/sign-in/web/sign-in?hl=pt-br, sobre a atualização realizada no google chrome onde será restrito o acesso a cookies de terceiros, é necessário atualizar a forma com é realizada a integração.

Para utilizar a nova autenticação é necessário utilizar a tela de login customizada e adiconar os scripts abaixo junto com o html customizados:

//include da nova lib
<script src="https://accounts.google.com/gsi/client" async defer></script>
 
//novo botão de login
<div id="g_id_onload"
	 data-client_id="ID_DO_CLIENTE.apps.googleusercontent.com"
	 data-context="signin"
	 data-ux_mode="popup"
	 data-callback="onSignIn"
	 data-nonce=""
	 data-itp_support="true">
</div>
<div class="g_id_signin"
	 data-type="standard"
	 data-shape="pill"
	 data-theme="outline"
	 data-text="signin_with"
	 data-size="medium"
	 data-logo_alignment="left">
</div>
 
//redireciona para autenticação no mentor
<script>
	function onSignIn(googleUser) {
		console.log(googleUser);
 
		var id_token = googleUser.credential;
		var form = $('<form action="loginGOOGLE" method="post"><input type="text" name="id_token" value="'+id_token+'" /></form>');
		$('body').append(form);
		form.submit();
	}
</script>
  • (edição externa)