Convertir curl en TypeScript
curl2code convertit les commandes curl en code TypeScript avec des annotations de type appropriées à l'aide de l'API fetch. La conversion s'exécute dans votre navigateur via WebAssembly — vos données ne quittent jamais votre appareil. Pour du JavaScript pur, consultez notre convertisseur curl vers JavaScript. Pour le code côté serveur, voir curl vers Node.js. Vous trouverez ci-dessous des exemples typés pour les scénarios courants.
Comment copier curl depuis votre navigateur
- 1
Ouvrir les DevTools
Appuyez sur F12 ou Ctrl+Shift+I pour ouvrir les outils de développement de votre navigateur.
- 2
Aller dans l'onglet Network
Cliquez sur l'onglet Network et effectuez l'action qui déclenche la requête HTTP.
- 3
Copier comme cURL
Faites un clic droit sur la requête → Copy → Copy as cURL. Collez-la ensuite ci-dessus.
Foire Aux Questions
Que génère curl2code pour TypeScript ?
curl2code génère du code TypeScript utilisant l'API fetch native du navigateur avec des annotations de type complètes. Le code généré inclut des options de requête typées, une gestion appropriée de Response et une analyse JSON sécurisée au niveau des types. TypeScript ajoute une sécurité à la compilation à la même API Fetch utilisée en JavaScript pur.
TypeScript fetch vs JavaScript fetch — quelle est la différence ?
L'API au moment de l'exécution est identique — TypeScript ajoute la vérification statique des types. Vous obtenez des objets Headers, RequestInit et Response typés. Pour des formes de réponse personnalisées, définissez une interface et effectuez un transtypage avec await response.json() as MyType. Pour TypeScript côté serveur, consultez notre convertisseur curl vers Node.js.
Comment gérer l'authentification en TypeScript ?
Identique à Fetch — passez un en-tête Authorization dans l'objet HeadersInit typé. TypeScript garantit que vous ne faites pas de faute d'orthographe dans les noms d'en-têtes si vous utilisez un assistant d'en-têtes typé. curl2code génère des en-têtes d'authentification correctement typés à partir des drapeaux curl -u et -H 'Authorization: ...'.
Comment envoyer des données de formulaire avec TypeScript ?
Utilisez l'API FormData du navigateur — TypeScript dispose de définitions de types intégrées pour celle-ci. Appelez formData.append('file', file) avec des paramètres typés. Le compilateur détecte les types incompatibles au moment de la construction. curl2code convertit les drapeaux -F en appels FormData correctement typés.
Comment gérer les erreurs de manière sécurisée en TypeScript ?
Utilisez try/catch avec async/await. Typez l'erreur de la clause catch comme unknown et affinez avec instanceof. Vérifiez response.ok avant l'analyse. Définissez des réponses d'erreur typées avec des interfaces pour les formats d'erreur spécifiques à l'API. Cela vous donne des garanties à la compilation que tous les chemins d'erreur sont gérés.
Comment typer les réponses d'API en TypeScript ?
Définissez une interface pour la forme de réponse attendue, puis utilisez const data: MyAPI = await response.json(). Pour une validation à l'exécution, associez-le à zod ou io-ts. Ce modèle assure la sécurité des types dans toute votre base de code. Pour une expérience typée similaire dans d'autres langages, voir curl vers Go ou curl vers Rust.
Comment définir des délais d'attente pour fetch en TypeScript ?
Utilisez AbortController — TypeScript inclut des définitions de types complètes pour l'API Abort. Créez const controller = new AbortController(), passez signal à fetch, et abandonnez avec setTimeout. Le raccourci AbortSignal.timeout(ms) est typé dans les cibles lib TypeScript modernes.
Comment gérer le CORS avec TypeScript ?
La gestion du CORS est identique au JavaScript — c'est une fonctionnalité de sécurité du navigateur, pas de TypeScript. Définissez mode: 'cors' et credentials: 'include' selon les besoins, TypeScript garantissant les valeurs correctes des enums RequestMode et RequestCredentials. Pour les requêtes côté serveur où le CORS ne s'applique pas, voir curl vers Node.js.
Comment envoyer une requête POST avec un corps JSON en TypeScript ?
Convertissez une commande curl POST comme curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL en TypeScript en utilisant curl2code. Le code généré utilise const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code détecte automatiquement les drapeaux -d/--data avec du contenu JSON et définit l'en-tête Content-Type approprié dans le code fetch.
Comment ajouter une autorisation par jeton Bearer en TypeScript ?
Passez curl -H "Authorization: Bearer YOUR_TOKEN" URL à curl2code et il générera le code fetch avec l'en-tête d'authentification : headers: { Authorization: `Bearer ${token}` }. curl2code détecte les jetons Bearer à partir des drapeaux -H "Authorization: Bearer ..." et --oauth2-bearer. Pour le Basic auth, utilisez -u user:pass.
Comment définir l''en-tête Content-Type en TypeScript ?
curl2code convertit curl -H "Content-Type: application/json" URL en code fetch avec l'en-tête approprié : headers: { 'Content-Type': 'application/json' } as HeadersInit. Pour les données -d, curl utilise par défaut application/x-www-form-urlencoded ; pour les téléchargements de formulaires -F, il utilise multipart/form-data. curl2code associe chacun à l'API fetch correcte.
Liens utiles
Guides curl
Codes d'erreur curl
Recherchez n'importe quel code de sortie curl — causes, corrections et astuces de débogage.
Télécharger des fichiers avec curl
Enregistrez des fichiers avec -o, -O, suivez les redirections, reprenez les téléchargements et plus encore.
SSL, TLS et proxy
Configurez les certificats, les versions TLS, les proxys HTTP/SOCKS et le DNS personnalisé.