Firebase - Autenticación de Github

En este capítulo, le mostraremos cómo autenticar usuarios usando la API de GitHub.

Paso 1: habilitar la autenticación de GitHub

Abra el panel de Firebase y haga clic en Auth en el menú lateral y luego SIGN-IN-METHODen la barra de pestañas. Necesita habilitar la autenticación de GitHub y copiar elCallback URL. Lo necesitará en el paso 2. Puede dejar esta pestaña abierta ya que deberá agregarClient ID y Client Secret una vez que termine el paso 2.

Paso 2: crea la aplicación Github

Siga este enlace para crear la aplicación GitHub. Necesitas copiar elCallback URL de Firebase al Authorization callback URLcampo. Una vez que se crea su aplicación, debe copiar elClient Key y el Client Secret desde la aplicación GitHub a Firebase.

Paso 3: crear botones

Agregaremos dos botones en el body etiqueta.

index.html

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

Paso 4: crear funciones de autenticación

Crearemos funciones para iniciar y cerrar sesión dentro del index.js archivo.

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

Ahora podemos hacer clic en los botones para activar la autenticación. La consola mostrará que la autenticación se realizó correctamente.