Учебники

Firebase — Twitter аутентификация

Декабрь 4, 2018

В этой главе мы объясним, как использовать аутентификацию Twitter.

Шаг 1 — Создать приложение для Twitter

Вы можете создать приложение Twitter по этой ссылке . Как только ваше приложение будет создано, нажмите « Ключи и токены доступа», где вы найдете API-ключ и API-секрет . Это понадобится вам на шаге 2.

Шаг 2 — Включить аутентификацию Twitter

В боковом меню панели инструментов Firebase вам нужно нажать Auth . Затем откройте вкладку SIGN-IN-METHOD . Нажмите на Twitter, чтобы включить его. Вам нужно добавить API Key и API Secret с шага 1.

Затем вам нужно будет скопировать URL обратного вызова и вставить его в ваше приложение Twitter. Вы можете найти URL обратного вызова вашего приложения Twitter, нажав на вкладку « Настройки ».

Шаг 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!')
   });
}

Когда мы запускаем наше приложение, мы можем подписаться или выйти, нажав две кнопки. Консоль подтвердит, что аутентификация прошла успешно.

47
Share: