Firebase - Authentification Twitter

Dans ce chapitre, nous expliquerons comment utiliser l'authentification Twitter.

Étape 1 - Créer une application Twitter

Vous pouvez créer une application Twitter sur ce lien . Une fois votre application créée, cliquez surKeys and Access Tokens où tu peux trouver API Key et API Secret. Vous en aurez besoin à l'étape 2.

Étape 2 - Activer l'authentification Twitter

Dans le menu latéral de votre tableau de bord Firebase, vous devez cliquer sur Auth. Puis ouvrezSIGN-IN-METHODlanguette. Cliquez sur Twitter pour l'activer. Vous devez ajouterAPI Key et API Secret à partir de l'étape 1.

Ensuite, vous devrez copier le callback URLet collez-le dans votre application Twitter. Vous pouvez trouver l'URL de rappel de votre application Twitter lorsque vous cliquez sur leSettings languette.

Étape 3 - Ajouter des boutons

Dans cette étape, nous allons ajouter deux boutons à l'intérieur du body étiquette de index.html.

index.html

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

Étape 4 - Fonctions d'authentification

Nous pouvons maintenant créer des fonctions pour l'authentification 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!')
   });
}

Lorsque nous démarrons notre application, nous pouvons nous connecter ou nous déconnecter en cliquant sur les deux boutons. La console confirmera que l'authentification a réussi.