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.