Projekt UOL Chat
Bei dem umgesetzten Projekt handelt es sich um einen Echtzeit-Chat, inspiriert vom UOL Chat. Es ermöglicht dem Benutzer, einen Chatraum zu betreten, Nachrichten zu senden und zu empfangen und frühere im Raum ausgetauschte Nachrichten anzuzeigen. Es basiert auf reinen JavaScript-Technologien und verwendet keine Bibliotheken oder andere Sprachen, die mit JavaScript kompiliert werden. Darüber hinaus nutzt es die Chat UOL API, um die Verbindung des Benutzers aufrechtzuerhalten und einige Funktionen zu implementieren.
Um die Funktionsweise des Projekts zu testen, greifen Sie auf diesen Link zu: https://projeto5-batepapouol-navy.vercel.app/
Um
Das Projekt wurde durch die Notwendigkeit motiviert, reine JavaScript-Kenntnisse zu entwickeln und die Entwicklung von Echtzeit-Chats zu erforschen. Das Projekt implementiert die folgenden Funktionen:
- Raumeintritt: Wenn der Benutzer auf die Seite zugreift, wird er aufgefordert, seinen Namen einzugeben. Anschließend wird der Name an den Server gesendet, um den Benutzer zu registrieren. Wenn der Server erfolgreich antwortet, kann der Benutzer dem Raum beitreten. Andernfalls muss er einen anderen Namen wählen.
- Nachrichten senden: Der Benutzer kann Nachrichten an den Chatroom senden. Wenn der Server erfolgreich antwortet, werden die Chatroom-Nachrichten aktualisiert und die neue Nachricht wird angezeigt.
- Nachrichtenansicht: Der Chat zeigt vergangene Nachrichten aus dem Chatroom sowie neu gesendete Nachrichten an. Es gibt drei Arten von Nachrichten: reguläre Nachrichten, reservierte Nachrichten und Statusnachrichten (z. B. „Beigetreten“ oder „Den Raum verlassen“). Jeder Nachrichtentyp hat einen anderen Hintergrund und reservierte Nachrichten werden nur angezeigt, wenn der Absender oder Empfänger mit dem Benutzer identisch ist.
- Automatische Aktualisierung: Der Chatraum wird alle drei Sekunden aktualisiert, um den Benutzer über die neuesten Nachrichten auf dem Laufenden zu halten.
- Verbindung aufrechterhalten: Der Server muss wissen, dass der Benutzer noch online ist. Dazu muss das System alle 5 Sekunden eine POST-Anfrage an die Chat UOL API senden, die darüber informiert, dass der Benutzer aktiv ist.
- Nachrichtensuche: Der Benutzer kann im Chatraum nach früheren Nachrichten suchen.
Technologien
So führen Sie das Projekt aus
- Klonen Sie das Repository auf Ihren lokalen Computer.
- Öffnen Sie die Datei index.html in einem Webbrowser.
- Geben Sie Ihren Namen ein und klicken Sie auf „Raum beitreten“.
- Senden und empfangen Sie Nachrichten im Chatroom.
So können Sie einen Beitrag leisten
Beiträge sind jederzeit willkommen! Wenn Sie Fehler finden oder Vorschläge für neue Funktionen haben, können Sie gerne ein Problem oder eine Pull-Anfrage eröffnen.
Mobiles Layout
