Firebase-Github 인증

이 장에서는 GitHub API를 사용하여 사용자를 인증하는 방법을 보여줍니다.

1 단계-GitHub 인증 활성화

Firebase 대시 보드를 열고 Auth 사이드 메뉴에서 SIGN-IN-METHOD탭 바에서. GitHub 인증을 활성화하고Callback URL. 2 단계에서 필요합니다. 추가해야하므로이 탭을 열어 둘 수 있습니다.Client IDClient Secret 2 단계를 마치면

2 단계-Github 앱 만들기

이 링크 를 따라 GitHub 앱을 만듭니다. 당신은 복사해야Callback URL Firebase에서 Authorization callback URL들. 앱이 생성되면Client Key 그리고 Client Secret GitHub 앱에서 Firebase로.

3 단계-버튼 만들기

두 개의 버튼을 body 꼬리표.

index.html

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

4 단계-인증 기능 생성

로그인 및 로그 아웃 기능을 index.js 파일.

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

이제 버튼을 클릭하여 인증을 트리거 할 수 있습니다. 콘솔에 인증 성공이 표시됩니다.