JavaScript

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.

  1. 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";
    
    initializeSession();
    
  2. Ersetzen Sie jetzt YOUR_APP_ID mit der Anwendungs-ID, die wir zuvor erstellt haben.

  3. Loggen Sie sich in Ihr Vonage Dashboard und navigieren Sie zum Video Playground. Er befindet sich unter Fehlerbehebung und Lernen - Entwickler-Tools - Video - Spielwiese.

  4. Vergewissern Sie sich, dass die Registerkarte "Neue Sitzung erstellen" ganz oben ausgewählt ist.

  5. Wählen Sie "Ja" unter "Haben Sie eine bestimmte Application ID?".

  6. Fügen Sie die Application ID, die Sie zuvor erstellt haben, in das Feld "Application ID" ein, das erscheint.

  7. Lassen Sie alles andere so, wie es ist, und klicken Sie auf "Sitzung erstellen".

  8. Kopieren Sie auf der nun erscheinenden Seite die "SESSION ID".

  9. Unter app.jsersetzen YOUR_SESSION_ID mit der soeben kopierten Sitzungs-ID.

  10. Klicken Sie auf die Schaltfläche "Verbinden" am oberen Rand.

  11. Erweitern Sie den Abschnitt "Sitzungs- und Token-Informationen" am oberen Rand.

  12. Kopieren Sie den erzeugten "TOKEN".

  13. Unter app.jsersetzen YOUR_TOKEN mit dem soeben kopierten Token.

  14. Speichern Sie die app.js Datei.

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 Video-Chat

Lernen Sie die grundlegenden Concepts der Vonage Video API-Plattform kennen und erfahren Sie, wie Benutzer über Video, Voice und Messaging kommunizieren können. Erkunden Sie einen grundlegenden Ablauf der Vonage Video API.

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 und Erstellen eines Publishers
7
Initialisierung des Teilnehmers
8
Testen Ihres Codes in einem Browser
9
Ein wenig CSS-Anpassung
10
Schlussfolgerung