JavaScript

Configurando a autenticação

Preencha o formulário em branco app.js arquivo no seu editor de código — a maioria das etapas restantes envolverá adicionar código a esse arquivo.

Para se conectar a uma sessão do Vonage Video, o cliente precisará ter acesso a algumas credenciais de autenticação — um ID do aplicativo, ID da sessão, e Token.

Em um ambiente de produção, essas credenciais devem ser geradas usando um SDKs de servidor, mas, para agilizar o processo, vamos definir os valores manualmente por enquanto.

  1. Comece copiando o bloco de código a seguir e adicionando-o ao seu arquivo app.js:

    // 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. Vá em frente e substitua YOUR_APP_ID com o ID do aplicativo que geramos anteriormente.

  3. Faça login na sua Painel do Vonage e acesse o Video Playground. Ele está em Resolver problemas e aprender - Ferramentas do desenvolvedor - Vídeo - Playground.

  4. Certifique-se de que a aba “Criar uma nova sessão” esteja selecionada na parte superior.

  5. Selecione “Sim” na opção “Tem um ID de aplicativo específico?”

  6. Cole o ID do aplicativo que você gerou anteriormente na caixa “ID do aplicativo” que aparecerá.

  7. Deixe todo o resto como está e clique em “Criar sessão”.

  8. Na próxima página que aparecer, copie o “SESSION ID”.

  9. Em app.js, substituir YOUR_SESSION_ID com o ID da sessão que acabamos de copiar.

  10. Clique no botão “Conectar”, na parte superior.

  11. Expanda a seção “Informações sobre sessão e token” na parte superior.

  12. Copie o “TOKEN” que foi gerado

  13. Em app.js, substituir YOUR_TOKEN com o token que acabamos de copiar.

  14. Salve o app.js arquivo.

Importante: Você pode continuar obtendo os valores do ID da sessão e do token da sua Account durante os testes e o desenvolvimento, mas, antes de entrar em produção, é necessário configurar um servidor.

Essas informações permitirão que nosso código do lado do cliente se comunique com a Video API da Vonage.

Bate-papo básico por texto

Siga este tutorial para criar um chat de texto básico do zero usando a Video API da Vonage. Essa é a maneira mais rápida de desenvolver uma prova de conceito para essa funcionalidade na plataforma de vídeo.

Etapas
1
Visão geral
2
Antes de começar
3
Configurar um aplicativo de vídeo da Vonage
4
Criação das pastas do projeto e do modelo HTML
5
Configurando a autenticação
6
Conectando-se à sessão
7
Enviando um sinal
8
Recebimento de um sinal
9
Testando seu código em um navegador
10
Algumas pequenas personalizações em CSS
11
Conclusão