Partilhar via

Testar um aplicativo Web JavaScript do lado do cliente

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

Pré-requisitos

Esta parte do tutorial pressupõe que você instalou e configurou o Dev Proxy em sua máquina. Se não, faça isso agora.

Para seguir este tutorial, você precisa:

Transferir a aplicação de exemplo

Transfira a aplicação de exemplo .

Dica

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

A aplicação de exemplo vem com uma configuração padrã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 a controlar se a aplicação interrompe as chamadas à API após atingir o limite.

Inicie o Dev Proxy 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 Dev Proxy 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 vir uma página vazia, verifique a janela Consola. Pode ser que o Dev Proxy já tenha simulado um erro de API, que o aplicativo não manipulou!

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

    • Você pode encontrar mais informações sobre os erros na janela Console e no prompt de comando onde o Dev Proxy está sendo executado.

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

  3. Pressione , mantenha Ctrl pressionado, depois + , e finalmente C para parar o Dev Proxy.

Próximo passo

Explore guias de como fazer