Setting Up Authentication

Pull up your blank app.js file in your code editor — most of the remaining steps will involve adding code to this file.

In order to connect to a Vonage Video session, the client will need access to some authentication credentials — an APP ID, Session ID, and Token.

In a production application, these credentials should be generated using a Server SDKs, but to speed things up we will hard code the values for now.

1. Start by copying the following code block and adding it to your app.js file:

   widgets.copy

   // 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();
   

2. Go ahead and replace YOUR_APP_ID with the application ID we generated earlier.

3. Log into your your Vonage Dashboard and navigate to the Video Playground. It is under Troubleshoot & Learn - Developer Tools - Video - Playground.

4. Make sure that the "Create a new session" tab is selected at the top.

5. Select "Yes" under "Have a specific Application ID?"

6. Paste in the Application ID you generated before into the "Application ID" box that appears.

7. Leave everything else as-is, and click "Create Session".

8. On the next page that appears, copy the "SESSION ID".

9. In app.js, replace YOUR_SESSION_ID with the session ID we just copied.

10. Click the "Connect" button at the top.

11. Expand the "Session and token info" section at the top.

12. Copy the "TOKEN" that was generated

13. In app.js, replace YOUR_TOKEN with the token we just copied.

14. Save the app.js file.

This information will allow our client-side code to talk to the Vonage Video API.