JavaScript

Testen Ihres Codes in einem Browser

Zu diesem Zeitpunkt wird Ihr app.js Datei sollte in etwa so aussehen (mit ein paar Anpassungen):

In Ihrem fertigen Code sollten Sie hart kodierte Werte haben, die Folgendes ersetzen YOUR_APP_ID, YOUR_SESSION_ID und YOUR_TOKEN - wenn Sie dies noch nicht getan haben, siehe Einrichten der Authentifizierung oben.

  1. Öffnen Sie die index.html Datei in Ihrem Browser durch einen Doppelklick auf.
  2. Geben Sie einen Text in das Formular ein und senden Sie es ab.
  3. Sie sollten sehen, dass die Nachricht dem Nachrichtenverlauf hinzugefügt wird.

Als nächstes können wir testen, wie es aussieht, wenn jemand anderes eine Nachricht sendet. Unser Code ist zwar nicht über das Internet erreichbar, aber wir können das simulieren, indem wir diese Seite in einem anderen Fenster öffnen.

  1. Kopieren Sie die URL in die Adressleiste Ihres Browsers.
  2. Öffnen Sie ein neues Fenster oder eine neue Registerkarte, und fügen Sie die Adresse ein, um die Datei zu öffnen.
  3. Geben Sie einen Text in das Formular ein und senden Sie es ab.
  4. Sie sollten sehen, dass eine zweite Nachricht zum Nachrichtenverlauf hinzugefügt wird.

Tipp zur Fehlersuche: Wenn Sie keine Nachrichten senden und empfangen können, öffnen Sie die Registerkarte "Konsole" in Ihren Browser-Tools (Befehl+Option+i auf Mac, STRG+i auf Windows) und prüfen Sie auf Fehler. Das wahrscheinlichste Problem ist, dass Ihr API-Schlüssel, Ihre Sitzungs-ID oder Ihr Token nicht richtig eingerichtet ist. Da Sie Ihre Anmeldedaten fest kodiert haben, ist es auch möglich, dass Ihr Token abgelaufen ist.

Einfacher Text-Chat

In diesem Tutorial lernen Sie, wie Sie mit der Video API von Vonage einen einfachen Text-Chat von Grund auf aufbauen. Dies ist der schnellste Weg, um einen Proof of Concept für diese Funktionalität auf der Videoplattform zu erstellen.

Schritte
1
Übersicht
2
Bevor Sie beginnen
3
Konfigurieren einer Vonage Video-Applikation
4
Erstellen der Projektordner und der HTML-Vorlage
5
Authentifizierung einrichten
6
Verbinden mit der Sitzung
7
Aussenden eines Signals
8
Empfangen eines Signals
9
Testen Ihres Codes in einem Browser
10
Ein wenig CSS-Anpassung
11
Schlussfolgerung