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
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
developmentHubs 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.