Testar um aplicativo Web do lado do cliente JavaScript
Neste tutorial, você aprenderá a usar o Proxy de Desenvolvimento para testar como um aplicativo Web do lado do cliente JavaScript de exemplo 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. Caso contrário, faça isso agora.
Para seguir este tutorial, você precisa do seguinte:
Baixar o aplicativo de exemplo
Baixe o aplicativo de exemplo.
Dica
Você também pode baixar o aplicativo de exemplo executando no prompt devproxy preset get demo-randomerror-js
de comando .
O aplicativo de exemplo vem com uma predefinição de Proxy de Desenvolvimento. 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 recua da chamada à API depois de ser limitado.
Iniciar o Proxy de Desenvolvimento e o aplicativo de exemplo
- Em um prompt de comando, altere o diretório de trabalho para onde o aplicativo de exemplo está localizado.
- Inicie o aplicativo de exemplo e o Proxy de Desenvolvimento executando
npm start
Testar o aplicativo de exemplo
Em um navegador da Web, navegue até
http://localhost:3000
- Se você vir uma página vazia, marcar a janela Console. Pode ser que o Proxy de Desenvolvimento já tenha simulado um erro de API, que o aplicativo não lidou!
Navegue pela lista de artigos para ver como o aplicativo lida com erros de API simulados pelo Proxy de Desenvolvimento.
- Você pode encontrar mais informações sobre os erros na janela Console e no prompt de comando em que o Proxy de Desenvolvimento está em execução.
Pressione Ctrl + C para interromper o Proxy de Desenvolvimento.