Authentifizierung einrichten
Ziehen Sie Ihren Rohling hoch app.js Datei in Ihrem Code-Editor - die meisten der verbleibenden Schritte werden das Hinzufügen von Code zu dieser Datei beinhalten.
Um eine Verbindung zu einer Vonage Video-Sitzung herstellen zu können, benötigt der Client Zugang zu einigen Authentifizierungsdaten - ein APP-ID, Sitzungs-IDund Token.
In einer Produktionsanwendung sollten diese Anmeldeinformationen mit einer Server-SDKsAber um die Dinge zu beschleunigen, werden wir die Werte vorerst hart kodieren.
Kopieren Sie zunächst den folgenden Codeblock und fügen Sie ihn in Ihre app.js-Datei ein:
// replace these values with those generated in your Video API account var applicationId = "YOUR_APP_ID"; var sessionId = "YOUR_SESSION_ID"; var token = "YOUR_TOKEN"; var session; initializeSession();Ersetzen Sie jetzt
YOUR_APP_IDmit der Anwendungs-ID, die wir zuvor erstellt haben.Loggen Sie sich in Ihr Vonage Dashboard und navigieren Sie zum Video Playground. Er befindet sich unter Fehlerbehebung und Lernen - Entwickler-Tools - Video - Spielwiese.
Vergewissern Sie sich, dass die Registerkarte "Neue Sitzung erstellen" ganz oben ausgewählt ist.
Wählen Sie "Ja" unter "Haben Sie eine bestimmte Application ID?".
Fügen Sie die Application ID, die Sie zuvor erstellt haben, in das Feld "Application ID" ein, das erscheint.
Lassen Sie alles andere so, wie es ist, und klicken Sie auf "Sitzung erstellen".
Kopieren Sie auf der nun erscheinenden Seite die "SESSION ID".
Unter
app.jsersetzenYOUR_SESSION_IDmit der soeben kopierten Sitzungs-ID.Klicken Sie auf die Schaltfläche "Verbinden" am oberen Rand.
Erweitern Sie den Abschnitt "Sitzungs- und Token-Informationen" am oberen Rand.
Kopieren Sie den erzeugten "TOKEN".
Unter
app.jsersetzenYOUR_TOKENmit dem soeben kopierten Token.Speichern Sie die
app.jsDatei.
Das ist wichtig: Sie können die Sitzungs-ID und Token-Werte während der Test- und Entwicklungsphase weiterhin von Ihrem Account abrufen, aber bevor Sie in die Produktion gehen, müssen Sie einen Server einrichten.
Mit diesen Informationen kann unser clientseitiger Code mit der Vonage Video API kommunizieren.
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.