Comparar clientes
Gera Fetch, Axios e cURL a partir da mesma configuração de pedido.
Gerador de pedidos API
Configure os elementos de um pedido HTTP e gere exemplos prontos a utilizar em cURL, Fetch ou Axios diretamente no navegador.
- Área de transferência
- Exportar
Método
Uma linha por parâmetro: chave=valor
Dados não enviados
Uma linha por cabeçalho: Nome: valor
Dados não enviados
Dados não enviados
Foram geradas três implementações.
cURL
Fetch API
Axios
Esta ferramenta foi útil?
Como funciona esta ferramenta?
Utilize Gerador de pedidos API diretamente no navegador para obter rapidamente o resultado de que necessita.
Uma configuração produz código cURL, Fetch e Axios. O gerador não contacta o URL nem mede estado HTTP ou tempo de resposta. Os URL HTTP(S) são verificados e serializados. Linhas chave=valor são acrescentadas aos parâmetros existentes, incluindo chaves repetidas. Os cabeçalhos usam Nome: valor com verificação do nome e de caracteres proibidos. Para nomes iguais sem distinguir maiúsculas, prevalece o último valor.
O corpo JSON é verificado e mantido como texto original, evitando reescrever silenciosamente um inteiro grande durante a geração. Content-Type: application/json é acrescentado se necessário sem substituir uma indicação explícita. Corpos GET e HEAD são recusados por compatibilidade com Fetch. Podes escolher sem corpo, JSON ou texto; não são construídos ficheiros nem formulários multipart.
Fetch usa await e lê a resposta como texto antes de analisar conteúdo anunciado como JSON. Ao executar, essa análise usa a precisão numérica de JavaScript. Axios tem de estar disponível no projeto; o código não o instala. cURL usa aspas POSIX. Os contextos diferem: o navegador impõe CORS e limita cabeçalhos, cURL usa o terminal. A geração não garante respostas idênticas em todos os ambientes.
Como usar esta ferramenta
Descrever o pedido
Escolhe método, URL absoluto, parâmetros e cabeçalhos. Usa credenciais fictícias se pretendes partilhar a saída.
Escolher o corpo
Seleciona JSON ou texto apenas para métodos suportados com corpo. JSON inválido bloqueia as três variantes.
Adaptar o cliente
Gera e copia ou descarrega o código útil. Acrescenta tratamento de erros, verificação de estado e autenticação antes de integrar.
Casos de uso
Preparar pedidos JSON
Confirma o corpo antes de o introduzires num exemplo de integração.
Integrar um projeto
Escolhe o cliente adequado e acrescenta tratamento de erros na aplicação.
Exemplos
Uma pesquisa em cURL
O espaço do filtro é serializado na query. O comando é texto; não foi pedida qualquer resposta API.
Entrada
GET https://example.com/search; q=hello worldResultado
curl 'https://example.com/search?q=hello+world'Um POST em Fetch
O corpo JSON mantém-se como cadeia. await exige contexto compatível; o tratamento da resposta só corre depois da tua integração.
Entrada
POST https://example.com/api; JSON {"name":"Ada"}Resultado
const response = await fetch("https://example.com/api", {
"method": "POST",
"headers": {
"Content-Type": "application/json"
},
"body": "{\"name\":\"Ada\"}"
});
const text = await response.text();
const data = text && response.headers.get("content-type")?.includes("json") ? JSON.parse(text) : text;Dicas e boas práticas
- Um 404 pode devolver Response sem rejeitar fetch. Acrescenta uma verificação de response.ok conforme o comportamento pretendido.
- Partilha configurações com credenciais fictícias. Os ficheiros descarregados contêm os valores de autenticação introduzidos.
- O código não escolhe uma política de novas tentativas. Define-a conforme método e idempotência da operação.
Fontes e referências
- RFC 9110 — HTTP Semantics (abre num novo separador), RFC EditorPágina em inglês
- Fetch Standard (abre num novo separador), WHATWGPágina em inglês
Perguntas frequentes
Porque funciona cURL mas Fetch é bloqueado?
O navegador impõe CORS e restrições de cabeçalhos que o terminal não aplica. Confirma respostas e origens autorizadas antes de atribuir o problema à geração.
O código Axios é autónomo?
Não. Pressupõe Axios disponível e suporte de await. Acrescenta imports, dependência e tratamento de erros para o projeto.
O JSON é reescrito?
O corpo é verificado e preservado como texto. Analisar depois uma resposta JSON é outra operação que pode arredondar números grandes em JavaScript.
Posso comparar tempos de resposta?
Não. Não são executadas chamadas. Usa um cliente HTTP ou ferramentas de desenvolvimento para testar rede, estado, autenticação e tempos.
Ferramentas relacionadas
Continue com estas ferramentas
Ferramentas semelhantes ou complementares a esta.
Ferramentas semelhantes
Gere um comando cURL completo a partir de um pedido HTTP.
DesenvolvimentoUtilizar esta ferramenta
Construa cabeçalhos HTTP personalizados e obtenha uma saída pronta a usar nos seus pedidos.
DesenvolvimentoUtilizar esta ferramenta
Formate, minifique e valide um documento JSON para o tornar mais legível ou compacto.
DesenvolvimentoEm destaqueUtilizar esta ferramenta
Leia também
GuiaBoas práticasIniciante
Cabeçalhos HTTP de segurança: quais ativar e porquê
Compreenda HSTS, Referrer-Policy, Permissions-Policy, proteções de framing e isolamento cross-origin antes de os implementar.
29 de agosto de 20263 min