LocalToolsCollection d’outils de navigateur hors ligne

Catégorie: Développement

Convertisseur cURL vers fetch()

Idée interneUn outil manque ?

Convertissez une commande curl en appel JavaScript fetch()

Collez une commande curl copiée depuis l'onglet réseau d'un navigateur ou la documentation d'une API, et obtenez un appel JavaScript fetch() équivalent, avec la méthode, les en-têtes et le corps repris. La conversion s'exécute entièrement dans votre navigateur.

Extrait fetch()
fetch("https://api.example.com/v1/items", {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: "{\"name\":\"Ada\"}"
})
  .then((response) => response.json())
  .then((data) => console.log(data));

Tout sur cette page est traité dans votre navigateur. Rien n'est envoyé.

À quoi sert cet outil

La documentation d'API et les menus « copier en tant que curl » des navigateurs produisent tous deux des commandes curl, mais un front-end a généralement besoin de la même requête en fetch(). Cet outil analyse -X/--request, -H/--header, -d/--data (ainsi que ses variantes --data-raw, --data-binary et --data-urlencode), --url, -u/--user et une URL simple en fin de commande, et signale une erreur claire plutôt qu'une supposition erronée pour les formes qu'il ne reconnaît pas, comme plusieurs arguments simples ou une option non prise en charge.

Mode d'emploi

  1. Collez une commande curl.
  2. Vérifiez l'extrait fetch() généré.
  3. Copiez-le dans votre JavaScript.

Confidentialité

Cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez n'est jamais envoyé, stocké ni partagé : fermer l'onglet suffit à tout effacer.

Questions fréquentes

La requête est-elle envoyée quelque part ?
Non. La commande est uniquement analysée et réécrite sous forme de texte ; rien n'est exécuté.
Quelles options curl sont prises en charge ?
-X/--request, -H/--header, -d/--data (ainsi que --data-raw, --data-binary, --data-urlencode), --url, -u/--user pour l'authentification Basic, et les options courantes sans argument comme -s, -L, -k et -i, qui sont ignorées sans risque. Tout le reste est signalé comme option non prise en charge plutôt que silencieusement écarté.
Pourquoi ajoute-t-il parfois un en-tête Content-Type ?
Si la commande contient un corps mais aucun en-tête Content-Type explicite, l'extrait ajoute application/json, ce qui correspond au comportement par défaut courant de curl pour les API JSON. Retirez-le ou modifiez-le si votre requête a besoin d'autre chose.

Revenir à tous les outils