Authentifiez vos utilisateurs

Vos utilisateurs doivent être authentifiés pour pouvoir participer à la conversation. Vous effectuez cette authentification à l'aide de l'identifiant de la conversation et des JWTs que vous avez générés à l'étape précédente.

Déclarez les variables suivantes au début de votre fichier chat.js et remplir le fichier ALICE_JWT, BOB_JWT et CONVERSATION_ID avec vos propres valeurs :

const ALICE_JWT = '';
const BOB_JWT = '';
const CONVERSATION_ID = '';

Ici, vous obtiendrez également des références aux autres éléments de l'application et initialiserez certaines variables qui seront utilisées.

const aliceLoginBtn = document.getElementById("alice-login");
const bobLoginBtn = document.getElementById("bob-login");

const messageTextarea = document.getElementById("message-textarea");
const messageFeed = document.getElementById("message-feed");
const sendButton = document.getElementById("send");

let userToken;
let myMember;

Vous devrez également ajouter des récepteurs d'événements aux boutons de connexion d'Alice et de Bob, de manière à ce que userToken sera défini avec le JWT de l'utilisateur sélectionné. L'utilisateur userToken qui sera ensuite utilisé dans le run fonction. La fonction run ne fait encore rien, mais à ce stade, vous disposez d'un JWT d'utilisateur valide pour commencer à construire votre application.

aliceLoginBtn.addEventListener("click", () => {
    userToken = ALICE_JWT;
    run();
});
  
bobLoginBtn.addEventListener("click", () => {
    userToken = BOB_JWT;
    run();
});