Firebase - Autenticazione Twitter

In questo capitolo spiegheremo come utilizzare l'autenticazione di Twitter.

Passaggio 1: crea l'app Twitter

Puoi creare un'app Twitter su questo link . Una volta creata la tua app, fai clic suKeys and Access Tokens dove puoi trovare API Key e API Secret. Ti servirà nel passaggio 2.

Passaggio 2: abilita l'autenticazione di Twitter

Nel menu laterale della dashboard di Firebase, devi fare clic Auth. Quindi apriSIGN-IN-METHODtab. Fare clic su Twitter per abilitarlo. Devi aggiungereAPI Key e API Secret dal passaggio 1.

Quindi dovresti copiare il file callback URLe incollalo nella tua app Twitter. Puoi trovare l'URL di richiamata della tua app Twitter quando fai clic suSettings tab.

Passaggio 3: aggiungere pulsanti

In questo passaggio, aggiungeremo due pulsanti all'interno del file body tag di index.html.

index.html

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

Passaggio 4: funzioni di autenticazione

Ora possiamo creare funzioni per l'autenticazione di 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!')
   });
}

Quando avviamo la nostra app, possiamo sigin o signout facendo clic sui due pulsanti. La console confermerà che l'autenticazione è riuscita.