Firebase - Autenticazione Google

In questo capitolo, ti mostreremo come impostare l'autenticazione di Google in Firebase.

Passaggio 1: abilita l'autenticazione di Google

Apri la dashboard di Firebase e fai clic su Authnel menu a sinistra. Per aprire l'elenco dei metodi disponibili, è necessario fare clic suSIGN_IN_METHODS nel menu a schede.

Adesso puoi scegliere Google dalla lista, abilitalo e salvalo.

Passaggio 2: creare pulsanti

All'interno del nostro index.html, aggiungeremo due pulsanti.

index.html

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

Passaggio 3: accesso e esclusione

In questo passaggio, creeremo le funzioni Signin e Signout. Noi useremosignInWithPopup() e signOut() metodi.

Esempio

Consideriamo il seguente esempio.

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')  
   });
}

Dopo aver aggiornato la pagina, possiamo fare clic sul file Google Signinpulsante per attivare il popup di Google. Se l'accesso ha esito positivo, la console per sviluppatori accederà al nostro utente.

Possiamo anche fare clic sul file Google Signoutpulsante per disconnettersi dall'app. La console confermerà che il logout è riuscito.