Convertisseur cURL vers JavaScript (fetch)

Convertit une commande cURL en un extrait de code JavaScript fetch() avec en-têtes, corps et méthode

Points clés

Catégorie
Développement et Web
Types d’entrée
textarea, checkbox
Type de sortie
text
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Ce convertisseur en ligne transforme instantanément vos commandes cURL en requêtes JavaScript utilisant l'API standard fetch(). Il extrait automatiquement la méthode HTTP, les en-têtes et le corps de la requête pour générer un code propre et prêt à être intégré dans vos applications web ou scripts Node.js.

Quand l’utiliser

  • Lors de l'intégration d'une API externe documentée uniquement avec des exemples de commandes cURL.
  • Pour tester rapidement des requêtes HTTP complexes directement dans la console de développement de votre navigateur.
  • Pour migrer des scripts shell existants vers des scripts d'automatisation en JavaScript.

Comment ça marche

  • Collez votre commande cURL complète dans la zone de texte dédiée.
  • Choisissez si vous souhaitez embellir le corps JSON de la requête et inclure des commentaires explicatifs dans le code généré.
  • Copiez le code JavaScript fetch() généré automatiquement pour l'insérer dans votre projet.

Cas d’usage

Traduction rapide d'exemples de documentation d'API en code JavaScript fonctionnel.
Conversion de requêtes réseau copiées depuis l'onglet Réseau des outils de développement du navigateur.
Création rapide de scripts de test d'API pour des applications front-end.

Exemples

1. Conversion d'une requête POST avec JSON

Développeur Front-End
Contexte
Un développeur doit intégrer une API d'authentification. La documentation de l'API fournit uniquement un exemple de requête d'authentification sous forme de commande cURL.
Problème
Écrire manuellement la structure fetch avec les en-têtes Content-Type et le corps JSON prend du temps et présente des risques d'erreurs de syntaxe.
Comment l’utiliser
Coller la commande cURL contenant -X POST, -H 'Content-Type: application/json' et -d '{"username":"test","password":"123"}' dans le champ de saisie, puis copier le code fetch généré.
Configuration d’exemple
Option 'Embellir le corps' activée.
Résultat
Obtention d'un code JavaScript fetch propre avec la méthode POST, les en-têtes appropriés et le corps JSON formaté de manière lisible.

2. Conversion d'une requête GET avec en-tête d'autorisation

Développeur Full-Stack
Contexte
Le développeur doit récupérer des données utilisateur sécurisées depuis une API tierce en utilisant un jeton Bearer.
Problème
Configurer correctement l'en-tête d'autorisation dans une requête fetch à partir d'une commande cURL de test.
Comment l’utiliser
Saisir la commande cURL contenant -H 'Authorization: Bearer token123' et copier le résultat.
Configuration d’exemple
Option 'Inclure des commentaires' activée.
Résultat
Un extrait de code fetch prêt à l'emploi contenant l'en-tête d'autorisation configuré et des commentaires explicatifs sur chaque section de la requête.

Tester avec des échantillons

development

Hubs associés

FAQ

Le convertisseur prend-il en charge les requêtes POST avec des données JSON ?

Oui, il extrait le corps de la requête et le convertit en chaîne JSON pour l'option body de fetch.

Puis-je conserver la mise en forme du JSON dans le code généré ?

Oui, en cochant l'option 'Embellir le corps', le JSON est formaté de manière lisible avec des indentations.

Les en-têtes personnalisés sont-ils convertis ?

Oui, tous les en-têtes définis avec l'option -H ou --header sont traduits dans l'objet headers de fetch.

Le code généré fonctionne-t-il dans Node.js ?

Oui, il fonctionne dans les versions récentes de Node.js qui intègrent nativement l'API fetch, ainsi que dans tous les navigateurs modernes.

Mes données de commande cURL sont-elles sécurisées ?

Oui, la conversion s'effectue localement dans votre navigateur, aucune commande cURL ni clé d'API n'est stockée sur nos serveurs.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/curl-to-js-fetch

Paramètres de la requête

Nom du paramètre Type Requis Description
curlCommand textarea Oui -
prettyBody checkbox Non -
includeComments checkbox Non -

Format de réponse

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Texte: Texte

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-curl-to-js-fetch": {
      "name": "curl-to-js-fetch",
      "description": "Convertit une commande cURL en un extrait de code JavaScript fetch() avec en-têtes, corps et méthode",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=curl-to-js-fetch",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]