Firebase-Twitter 인증
이 장에서는 Twitter 인증을 사용하는 방법에 대해 설명합니다.
1 단계-Twitter 앱 만들기
이 링크 에서 Twitter 앱을 만들 수 있습니다 . 앱이 생성되면Keys and Access Tokens 찾을 수있는 곳 API Key 과 API Secret. 2 단계에서 필요합니다.
2 단계-Twitter 인증 활성화
Firebase 대시 보드 사이드 메뉴에서 Auth. 그런 다음SIGN-IN-METHOD탭. 활성화하려면 Twitter를 클릭하십시오. 추가해야합니다.API Key 과 API 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!')
});
}
앱을 시작할 때 두 개의 버튼을 클릭하여 로그인하거나 로그 아웃 할 수 있습니다. 콘솔은 인증이 성공했는지 확인합니다.