Firebase-Twitter 인증

이 장에서는 Twitter 인증을 사용하는 방법에 대해 설명합니다.

1 단계-Twitter 앱 만들기

이 링크 에서 Twitter 앱을 만들 수 있습니다 . 앱이 생성되면Keys and Access Tokens 찾을 수있는 곳 API KeyAPI Secret. 2 단계에서 필요합니다.

2 단계-Twitter 인증 활성화

Firebase 대시 보드 사이드 메뉴에서 Auth. 그런 다음SIGN-IN-METHOD탭. 활성화하려면 Twitter를 클릭하십시오. 추가해야합니다.API KeyAPI Secret 1 단계에서

그런 다음 복사해야합니다. callback URLTwitter 앱에 붙여 넣습니다. 을 클릭하면 Twitter 앱의 콜백 URL을 찾을 수 있습니다.Settings 탭.

3 단계-버튼 추가

이 단계에서는 내부에 두 개의 버튼을 추가합니다. body 태그 index.html.

index.html

<button onclick = "twitterSignin()">Twitter Signin</button>
<button onclick = "twitterSignout()">Twitter Signout</button>

4 단계-인증 기능

이제 Twitter 인증을위한 함수를 만들 수 있습니다.

index.js

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

function twitterSignin() {
   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) {
      console.log(error.code)
      console.log(error.message)
   });
}

function twitterSignout() {
   firebase.auth().signOut()
   
   .then(function() {
      console.log('Signout successful!')
   }, function(error) {
      console.log('Signout failed!')
   });
}

앱을 시작할 때 두 개의 버튼을 클릭하여 로그인하거나 로그 아웃 할 수 있습니다. 콘솔은 인증이 성공했는지 확인합니다.