Firebase - Google Authentication

Neste capítulo, mostraremos como configurar a autenticação do Google no Firebase.

Etapa 1 - Habilite a autenticação do Google

Abra o painel do Firebase e clique em Authno menu do lado esquerdo. Para abrir a lista de métodos disponíveis, você precisa clicar emSIGN_IN_METHODS no menu da guia.

Agora você pode escolher Google da lista, ative-o e salve-o.

Etapa 2 - Criar botões

Dentro do nosso index.html, vamos adicionar dois botões.

index.html

<button onclick = "googleSignin()">Google Signin</button>
<button onclick = "googleSignout()">Google Signout</button>

Etapa 3 - Login e Logout

Nesta etapa, criaremos as funções Signin e Signout. Nós vamos usarsignInWithPopup() e signOut() métodos.

Exemplo

Vamos considerar o seguinte exemplo.

var provider = new firebase.auth.GoogleAuthProvider();

function googleSignin() {
   firebase.auth()
   
   .signInWithPopup(provider).then(function(result) {
      var token = result.credential.accessToken;
      var user = result.user;
		
      console.log(token)
      console.log(user)
   }).catch(function(error) {
      var errorCode = error.code;
      var errorMessage = error.message;
		
      console.log(error.code)
      console.log(error.message)
   });
}

function googleSignout() {
   firebase.auth().signOut()
	
   .then(function() {
      console.log('Signout Succesfull')
   }, function(error) {
      console.log('Signout Failed')  
   });
}

Depois de atualizar a página, podemos clicar no Google Signinbotão para acionar o pop-up do Google. Se o login for bem-sucedido, o console do desenvolvedor fará login como nosso usuário.

Também podemos clicar no Google Signoutbotão para sair do aplicativo. O console confirmará se o logout foi bem-sucedido.