JavaScript

Erstellen Sie die UI

Erstellen Sie die Benutzeroberfläche für Ihre Web-Chat-Anwendung.

Der folgende HTML-Code definiert 2 <section> Bereiche, die Sie zur Anzeige verwenden werden:

  • Schaltflächen zum Einloggen als Alice oder Bob
  • Die Chat-Oberfläche enthält einen Nachrichten-Feed sowie einen Textbereich und eine Schaltfläche zum Senden von Nachrichten

Die Webseite lädt zwei Skripte, sobald der Seitenkörper gerendert ist:

  • Die vonageClientSDK.min.js Datei aus der @vonage/client-sdk Ordner "Node Modules
  • Die chat.js Datei, die den Code Ihrer Anwendung enthalten wird. Erstellen Sie diese leere Datei im Stammverzeichnis des Projekts

Erstellen Sie eine Datei mit dem Namen index.html in Ihrem Projektverzeichnis mit folgendem Inhalt:

Erstellen einer webbasierten Chat-Anwendung

Erstellen einer Webanwendung, mit der sich Benutzer gegenseitig Nachrichten schicken können

Schritte
1
Einleitung zu dieser Aufgabe
2
Prerequisites
3
Erstellen einer Vonage-Applikation
4
Ein Gespräch führen
5
Erstellen Sie die Benutzer
6
Benutzer zur Konversation hinzufügen
7
JWTs generieren
8
Client SDK installieren
9
Erstellen Sie die UI
10
Authentifizieren Sie Ihre Benutzer
11
VonageClient instanziieren und eine Session erstellen
12
Anzeigen des Nachrichtenverlaufs
13
Eine Nachricht senden
14
Führen Sie Ihre Anwendung aus
15
Was kommt als Nächstes?