Converter curl para TypeScript

O curl2code converte comandos curl para código TypeScript com anotações de tipo adequadas utilizando a API fetch. A conversão é executada no seu navegador através de WebAssembly — os seus dados nunca saem do seu dispositivo. Para JavaScript simples, consulte o nosso conversor de curl para JavaScript. Para código no lado do servidor, veja curl para Node.js. Abaixo encontram-se exemplos tipados para cenários comuns.

Como copiar o curl do seu navegador

  1. 1

    Abrir as DevTools

    Prima F12 ou Ctrl+Shift+I para abrir as ferramentas de programador do seu navegador.

  2. 2

    Ir para o separador Network

    Clique no separador Network e realize a ação que despoleta o pedido HTTP.

  3. 3

    Copiar como cURL

    Clique com o botão direito no pedido → CopyCopy as cURL. Depois cole-o acima.

Perguntas Frequentes

O que é que o curl2code gera para TypeScript?

O curl2code gera código TypeScript usando a API fetch nativa do navegador com anotações de tipo completas. O código gerado inclui opções de pedido tipadas, gestão adequada de Response e análise de JSON segura em termos de tipos. O TypeScript adiciona segurança em tempo de compilação à mesma Fetch API usada em JavaScript simples.

TypeScript fetch vs JavaScript fetch — qual é a diferença?

A API em tempo de execução é idêntica — o TypeScript adiciona verificação de tipos estática. Obtém objetos Headers, RequestInit e Response tipados. Para formatos de resposta personalizados, defina uma interface e faça o cast com await response.json() as MyType. Para TypeScript no lado do servidor, consulte o nosso conversor de curl para Node.js.

Como gerir a autenticação em TypeScript?

Igual ao Fetch — passe um cabeçalho Authorization no objeto HeadersInit tipado. O TypeScript garante que não escreve mal os nomes dos cabeçalhos se usar um ajudante de cabeçalhos tipado. O curl2code gera cabeçalhos de autenticação devidamente tipados a partir das flags -u e -H 'Authorization: ...' do curl.

Como enviar dados de formulário com TypeScript?

Use a API FormData do navegador — o TypeScript tem definições de tipo integradas para ela. Chame formData.append('file', file) com parâmetros tipados. O compilador deteta tipos incompatíveis no momento da compilação. O curl2code converte as flags -F para chamadas FormData devidamente tipadas.

Como gerir erros de forma segura em termos de tipos em TypeScript?

Use try/catch com async/await. Tipifique o erro da cláusula catch como unknown e restrinja com instanceof. Verifique response.ok antes de analisar. Defina respostas de erro tipadas com interfaces para formatos de erro específicos da API. Isto dá-lhe garantias em tempo de compilação de que todos os caminhos de erro são tratados.

Como tipificar respostas de API em TypeScript?

Defina uma interface para o formato de resposta esperado e, em seguida, use const data: MyAPI = await response.json(). Para validação em tempo de execução, combine com zod ou io-ts. Este padrão garante a segurança de tipos em toda a sua base de código. Para uma experiência tipada semelhante noutras linguagens, consulte curl para Go ou curl para Rust.

Como definir timeouts para o fetch em TypeScript?

Use o AbortController — o TypeScript inclui definições de tipo completas para a Abort API. Crie const controller = new AbortController(), passe o signal para o fetch e aborte com setTimeout. O atalho AbortSignal.timeout(ms) está tipado em alvos de biblioteca TypeScript modernos.

Como gerir o CORS com TypeScript?

A gestão de CORS é idêntica ao JavaScript — é uma funcionalidade de segurança do navegador, não do TypeScript. Defina mode: 'cors' e credentials: 'include' conforme necessário, com o TypeScript a garantir valores de enumeração RequestMode e RequestCredentials corretos. Para pedidos no lado do servidor onde o CORS não se aplica, consulte curl para Node.js.

Como enviar um pedido POST com um corpo JSON em TypeScript?

Converta um comando curl POST como curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL para TypeScript usando o curl2code. O código gerado utiliza const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). O curl2code deteta automaticamente as flags -d/--data com conteúdo JSON e define o cabeçalho Content-Type apropriado no código fetch.

Como adicionar autorização com token Bearer em TypeScript?

Passe curl -H "Authorization: Bearer YOUR_TOKEN" URL para o curl2code e este gera código fetch com o cabeçalho de autenticação: headers: { Authorization: `Bearer ${token}` }. O curl2code deteta tokens Bearer tanto de flags -H "Authorization: Bearer ..." como de --oauth2-bearer. Para Basic auth, utilize -u user:pass.

Como definir o cabeçalho Content-Type em TypeScript?

O curl2code converte curl -H "Content-Type: application/json" URL para código fetch com o cabeçalho correto: headers: { 'Content-Type': 'application/json' } as HeadersInit. Para dados -d, o curl assume por defeito application/x-www-form-urlencoded; para envios de formulários -F, utiliza multipart/form-data. O curl2code mapeia cada um para a API fetch correta.

Links Úteis

Guias do curl

Converter curl para Outras Linguagens