Firebase - Autentikasi Github

Di bab ini, kami akan menunjukkan kepada Anda cara mengautentikasi pengguna menggunakan GitHub API.

Langkah 1 - Aktifkan Otentikasi GitHub

Buka dasbor Firebase dan klik Auth dari menu samping dan kemudian SIGN-IN-METHODdi bilah tab. Anda perlu mengaktifkan otentikasi GitHub dan menyalin fileCallback URL. Anda akan membutuhkan ini pada langkah 2. Anda dapat membiarkan tab ini terbuka karena Anda perlu menambahkanClient ID dan Client Secret setelah Anda menyelesaikan langkah 2.

Langkah 2 - Buat Aplikasi Github

Ikuti tautan ini untuk membuat aplikasi GitHub. Anda perlu menyalin fileCallback URL dari Firebase ke Authorization callback URLbidang. Setelah aplikasi Anda dibuat, Anda perlu menyalin fileClient Key dan Client Secret dari aplikasi GitHub ke Firebase.

Langkah 3 - Buat Tombol

Kami akan menambahkan dua tombol di body menandai.

index.html

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

Langkah 4 - Buat Fungsi Auth

Kami akan membuat fungsi untuk masuk dan keluar di dalam index.js mengajukan.

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

Sekarang kita dapat mengklik tombol untuk memicu otentikasi. Konsol akan menunjukkan bahwa otentikasi berhasil.