Testar um aplicativo Web JavaScript do lado do cliente

Neste tutorial, você aprenderá a usar o Dev Proxy para testar como um aplicativo Web de exemplo do lado do cliente em JavaScript lida com erros de API.

Pré-requisitos

Esta parte do tutorial pressupõe que você instalou e configurou o Proxy de Desenvolvimento em seu computador. Se não, faça isso agora.

Para seguir este tutorial, você precisa:

• Node.js LTS.

Baixar o aplicativo de exemplo

Baixe o aplicativo de exemplo.

Dica

Você também pode baixar o aplicativo de exemplo executando o comando no prompt devproxy config get demo-randomerror-js.

O aplicativo de exemplo vem com uma predefinição de Dev Proxy. A predefinição é configurada para simular erros aleatórios em solicitações de API emitidas pelo aplicativo. A predefinição também inclui o RetryAfterPlugin, que ajuda você a controlar se o aplicativo diminui a frequência das chamadas à API após ser limitado.

Iniciar o Proxy de Desenvolvimento e o aplicativo de exemplo

1. Em um prompt de comando, altere o diretório de trabalho para onde o aplicativo de exemplo está localizado.
2. Inicie o aplicativo de exemplo e o Proxy de Desenvolvimento executando npm start

Testar o aplicativo de exemplo

1. Em um navegador da Web, navegue até http://localhost:3000

   

   • Se você vir uma página vazia, verifique a janela Console. Pode ser que o Proxy Dev já tenha simulado um erro de API, que o aplicativo não conseguiu tratar!

2. Navegue pela lista de artigos para ver como o aplicativo lida com erros de API que o Proxy de Desenvolvimento simula.

   • Encontre mais informações sobre os erros na janela do console e no prompt de comando em que o Proxy de Desenvolvimento está em execução.

   

3. Pressione Ctrl + C para interromper o Proxy de Desenvolvimento.

Próxima etapa

Explorar guias de instruções