Firebase - Autenticazione Github

In questo capitolo, ti mostreremo come autenticare gli utenti utilizzando l'API GitHub.

Passaggio 1: abilita l'autenticazione GitHub

Apri la dashboard di Firebase e fai clic su Auth dal menu laterale e poi SIGN-IN-METHODnella barra delle schede. È necessario abilitare l'autenticazione GitHub e copiare il fileCallback URL. Ti servirà nel passaggio 2. Puoi lasciare questa scheda aperta poiché dovrai aggiungereClient ID e Client Secret una volta terminato il passaggio 2.

Passaggio 2: crea l'app Github

Segui questo collegamento per creare l'app GitHub. Devi copiare il fileCallback URL da Firebase al file Authorization callback URLcampo. Una volta creata la tua app, devi copiare il fileClient Key e il Client Secret dall'app GitHub a Firebase.

Passaggio 3: creazione di pulsanti

Aggiungeremo due pulsanti nel file body etichetta.

index.html

<button onclick = "githubSignin()">Github Signin</button>
<button onclick = "githubSignout()">Github Signout</button>

Passaggio 4: creare funzioni di autenticazione

Creeremo funzioni per signin e signout all'interno del file index.js file.

index.js

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

function githubSignin() {
   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 githubSignout(){
   firebase.auth().signOut()
   
   .then(function() {
      console.log('Signout successful!')
   }, function(error) {
      console.log('Signout failed')
   });
}

Ora possiamo fare clic sui pulsanti per attivare l'autenticazione. La console mostrerà che l'autenticazione è riuscita.