Exercício - Andaime uma aplicação Web de chamada de voz

3 minutos

Nesta unidade, você criará um aplicativo Web e o executará no navegador.

Criar pasta de aplicativo

Em uma janela de console (como cmd, PowerShell ou Bash), use os seguintes comandos para criar uma nova pasta para nosso aplicativo e mudar para ela
```
mkdir VoiceCallingApp
cd VoiceCallingApp
```
Em seguida, prepararemos a nova pasta para se tornar um aplicativo Web.
```
npm init -y
```

Isso configurará a pasta para Node.js e permitirá que você salve e gerencie dependências.

Adicionar as dependências necessárias

Agora vamos adicionar as dependências necessárias.

Começaremos adicionando os específicos dos Serviços de Comunicação do Azure.
```
npm install --save @azure/communication-common @azure/communication-calling
```
Seguido por Parcel, que nos permitirá executar nosso aplicativo em um navegador.
```
npm install --save-dev parcel
```

Criar o arquivo HTML de índice

Crie um novo arquivo no diretório do aplicativo chamado index.html.

Insira o seguinte texto para o conteúdo deste arquivo.

<!DOCTYPE html>
<html>
  <head>
    <title>Azure Communication Services - Simple voice calling app</title>
  </head>
  <body>
    <h1>Azure Communication Services</h1>
    <h2>Simple voice calling app</h2>

    <!-- Calling HTML here -->

    <script src="./app.js" type="module"></script>
  </body>
</html>

Criar o arquivo JavaScript do aplicativo

Crie um novo arquivo no diretório do aplicativo chamado app.js
Por enquanto, deixe o app.js arquivo vazio, vamos adicioná-lo durante a próxima unidade.

Testar a sua nova aplicação

Em uma janela do console, dentro do diretório do projeto, execute o seguinte comando:
```
npx parcel index.html
```
O Parcel irá agora compilar e executar a sua aplicação.
Quando ele for concluído, ele fornecerá um link para que você veja seu aplicativo dentro do navegador. Este link é geralmente http://localhost:1234/:
Abra este link no seu navegador e você verá seu aplicativo em branco no navegador: