Compartilhar via


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-jsde 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

  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

    Captura de tela de um navegador da Web com o aplicativo Web de teste.

    • 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!
  2. 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.

    Captura de tela do VS Code com a janela do prompt de comando aberta mostrando erros simulados pelo Proxy de Desenvolvimento.

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

Próxima etapa