JavaScript

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 = '';

const messageTextarea = document.getElementById("messageTextarea");
const messageFeed = document.getElementById("messageFeed");
const sendButton = document.getElementById("send");
const loginForm = document.getElementById("login");
const status = document.getElementById("status");

const loadMessagesButton = document.getElementById("loadMessages");
const messagesCountSpan = document.getElementById("messagesCount");
const messageDateSpan = document.getElementById("messageDate");

let conversation;
let listedEvents;
let messagesCount = 0;
let messageDate;

function authenticate(username) {
  if (username == "Alice") {
    return ALICE_JWT;
  }
  if (username == "Bob") {
    return BOB_JWT;
  }
  alert("User not recognized");
}

Sie müssen auch einen Ereignis-Listener zu der login Formular, um das JWT des Benutzers zu holen und es an die 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.

loginForm.addEventListener("submit", (event) => {
  event.preventDefault();
  const userToken = authenticate(document.getElementById("username").value);
  if (userToken) {
    document.getElementById("messages").style.display = "block";
    document.getElementById("login").style.display = "none";
    run(userToken);
  }
});

async function run(userToken){

}