Authentifizieren Sie Ihre Benutzer

Ihre Benutzer müssen authentifiziert sein, um an der Konversation teilnehmen zu können. Sie führen diese Authentifizierung mit der Conversation ID und den JWTs durch, die Sie in einem früheren Schritt erstellt haben.

Deklarieren Sie die folgenden Variablen am Anfang Ihrer chat.js Datei und füllen Sie ALICE_JWT, BOB_JWT und CONVERSATION_ID mit Ihren eigenen Werten:

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

Hier erhalten Sie auch Verweise auf die anderen Elemente der Anwendung und initialisieren einige Variablen, die verwendet werden sollen.

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;

Sie müssen auch Ereignis-Listener zu den Anmelde-Schaltflächen für Alice und Bob hinzufügen, damit userToken wird mit dem JWT des ausgewählten Benutzers gesetzt. Die userToken mit wird dann in der run Funktion. Die Website run Funktion tut noch nichts, aber an diesem Punkt haben Sie eine gültige Benutzer-JWT, um mit dem Aufbau Ihrer Anwendung zu beginnen.

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