Autentique seus usuários

Seus usuários devem estar autenticados para poderem participar da Conversação. Você realiza essa autenticação usando o ID da Conversação e os JWTs que você gerou em uma etapa anterior.

Declare as seguintes variáveis no início do seu chat.js arquivar e preencher ALICE_JWT, BOB_JWT e CONVERSATION_ID com seus próprios valores:

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

Aqui você também encontrará referências a outros elementos do aplicativo e inicializará algumas variáveis que serão utilizadas.

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;

Você também precisará adicionar ouvintes de eventos aos botões de login da Alice e do Bob para que userToken será definido com o JWT do usuário selecionado. O userToken e, em seguida, será usado no run função. A run A função ainda não faz nada, mas, neste momento, você já tem um JWT de usuário válido para começar a desenvolver seu aplicativo.

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