Compose e enviar pedidos de API Web com a ferramenta Consola de Rede

  • Artigo

Utilize a ferramenta Consola de Rede para enviar pedidos de API Web. Por exemplo, utilize a ferramenta Consola de Rede quando estiver a desenvolver e a testar APIs Web.

Para testar um URL:

  1. Para abrir o DevTools, clique com o botão direito do rato numa página Web e, em seguida, selecione Inspecionar. Em alternativa, prima Ctrl+Shift+I (Windows, Linux) ou Comando+Opção+I (macOS).

  2. Na barra de ferramentas main, clique no botão Mais ferramentas (ícone Mais ferramentas) e, em seguida, selecione Consola de Rede.

    A ferramenta Consola de Rede é aberta:

    A ferramenta Consola de Rede

  3. Clique em Criar um pedido.

  4. Clique no botão Ocultar Navegador da Consola de Rede (o botão ) para obter mais espaço.

  5. Na caixa de texto Pedido Sem Título , introduza um URL para testar, como: https://microsoftedge.github.io/Demos/devtools-a11y-testing/

  6. Na lista pendente GET , selecione um método REST, como GET, que é a predefinição. Os métodos REST incluem:

    • GET
    • HEAD
    • POST
    • PUT
    • PATCH
    • DELETE
    • OPÇÕES

  7. Opcionalmente, na secção Consulta , introduza pares chave/valor nas caixas de texto Chave e Valor , como ID e 123:

    Introduzir pares chave/valor para construir um URL na ferramenta Consola de Rede

    O URL Calculado é atualizado à medida que introduz pares chave/valor.

  8. Clique no botão Enviar . A parte inferior da ferramenta Consola de Rede apresenta os seguintes separadores:

    • Visualização
    • Body
    • Cabeçalhos
    • Cookies

Abrir a ferramenta Consola de Rede a partir da ferramenta rede

Para aceder à ferramenta Consola de Rede , comece pela ferramenta Rede :

  1. Para abrir o DevTools, clique com o botão direito do rato numa página Web e, em seguida, selecione Inspecionar. Em alternativa, prima Ctrl+Shift+I (Windows, Linux) ou Comando+Opção+I (macOS).

  2. Na barra de ferramentas main, selecione o separador Rede (ícone de ferramenta de rede). Se esse separador não estiver visível, clique no botão Mais ferramentas (ícone Mais ferramentas.) e, em seguida, selecione Rede.

  3. Atualize a página Web. A ferramenta Rede apresenta os recursos que são utilizados para construir a página Web.

  4. Clique com o botão direito do rato no pedido de rede que pretende alterar e reenviar e, em seguida, selecione Editar e Reenviar:

    Clicar com o botão direito do rato num recurso da página Web para selecionar

    A ferramenta Consola de Rede é aberta no painel Vista Rápida na parte inferior de DevTools.

  5. Clique no botão Ocultar Navegador da Consola de Rede (o botão ) para obter mais espaço.

  6. Edite as informações do pedido de rede e, em seguida, clique no botão Enviar :

    Editar o pedido de rede e, em seguida, clicar em Enviar, na ferramenta Consola de Rede

Guardar e exportar Coleções, Ambientes e variáveis de ambiente

Você pode:

  • Guardar e exportar Coleções.
  • Guardar e exportar Ambientes.
  • Editar e exportar conjuntos de variáveis de ambiente.

Para definir e guardar um novo ambiente:

  1. Em DevTools, na ferramenta Consola de Rede , certifique-se de que a parte esquerda do navegador da ferramenta é apresentada. Se necessário, clique no botão Mostrar navegador da Consola de Rede (o botão ).

  2. Na secção Ambientes , clique no botão Novo (O Novo ícone).

  3. Na caixa de texto apresentada, introduza um nome para o novo ambiente:

    Introduzir um nome para o novo ambiente

  4. Selecione o formato do novo ambiente:

    • Consola de Rede – suporta vários ambientes num único ficheiro.
    • Postman – suporta um ambiente por ficheiro, mas trabalha com o Postman.

    Selecionar o formato do novo ambiente

A ferramenta Consola de Rede é compatível com os esquemas Postman v2.1 e OpenAPI v2 .

Veja também:

Confira também