curl konvertálása TypeScript nyelvre
A curl2code a fetch API használatával konvertálja a curl parancsokat TypeScript kóddá, megfelelő típusannotációkkal. A konverzió a böngészőben fut WebAssembly segítségével — az adatai soha nem hagyják el az eszközét. Sima JavaScript esetén nézze meg a curl to JavaScript konverterünket. Szerveroldali kódhoz lásd: curl to Node.js. Alább típusos példákat talál a gyakori forgatókönyvekhez.
Hogyan másoljuk ki a curl parancsot a böngészőből
- 1
Nyissa meg a DevTools-t
Nyomja meg az F12 billentyűt vagy a Ctrl+Shift+I a böngésző fejlesztői eszközeinek megnyitásához.
- 2
Lépjen a Network fülre
Kattintson a Network fülre, és hajtsa végre a HTTP kérést kiváltó műveletet.
- 3
Másolás cURL-ként
Kattintson a jobb gombbal a kérésre → Copy → Copy as cURL. Ezután illessze be fent.
Gyakran Ismételt Kérdések
Mit generál a curl2code TypeScripthez?
A curl2code TypeScript kódot generál a böngésző-natív fetch API használatával, teljes típusannotációkkal. A generált kód tartalmazza a típusos kérés opciókat, a megfelelő Response kezelést és a típusbiztos JSON feldolgozást. A TypeScript fordítási idejű biztonságot ad ugyanahhoz a Fetch API-hoz, amelyet a sima JavaScript használ.
TypeScript fetch vs JavaScript fetch — mi a különbség?
A futásidejű API azonos — a TypeScript statikus típusellenőrzést ad hozzá. Típusos Headers, RequestInit és Response objektumokat kap. Egyedi válaszformátumokhoz definiáljon egy interfészt, és használja az await response.json() as MyType kényszerítést. Szerveroldali TypeScripthez nézze meg a curl to Node.js konverterünket.
Hogyan kezelhető a hitelesítés TypeScriptben?
Ugyanúgy, mint a Fetch-nél — adjon át egy Authorization fejlécet a típusos HeadersInit objektumban. A TypeScript biztosítja, hogy ne írja el a fejlécek neveit, ha típusos fejléc-segédet használ. A curl2code megfelelően típusos hitelesítési fejléceket generál a -u és -H 'Authorization: ...' curl jelzőkből.
Hogyan küldhető form data TypeScript-tel?
Használja a böngésző FormData API-ját — a TypeScript beépített típusdefiníciókkal rendelkezik hozzá. Hívja meg a formData.append('file', file) metódust típusos paraméterekkel. A fordító build időben kiszűri a nem megfelelő típusokat. A curl2code a -F jelzőket megfelelően típusos FormData hívásokká konvertálja.
Hogyan kezelhetők a hibák típusbiztos módon TypeScriptben?
Használja a try/catch blokkot async/await-tel. A catch ágban a hibát típusa legyen unknown, majd szűkítse az instanceof segítségével. Ellenőrizze a response.ok értéket a feldolgozás előtt. Definiáljon típusos válaszokat interfészekkel az API-specifikus hibaformátumokhoz. Ez fordítási idejű garanciát ad arra, hogy minden hibaág kezelve van.
Hogyan típusosíthatók az API válaszok TypeScriptben?
Definiáljon egy interfészt a várt válaszformátumhoz, majd használja a const data: MyAPI = await response.json() formát. Futásidejű ellenőrzéshez használja a zod vagy io-ts könyvtárakat. Ez a minta biztosítja a típusbiztonságot a teljes kódbázisban. Hasonló típusos élményért más nyelveken lásd: curl to Go vagy curl to Rust.
Hogyan állíthatók be időtúllépések fetch-hez TypeScriptben?
Használja az AbortController-t — a TypeScript tartalmazza az Abort API teljes típusdefinícióit. Hozzon létre egy const controller = new AbortController() példányt, adja át a signal-t a fetch-nek, és szakítsa meg a setTimeout segítségével. Az AbortSignal.timeout(ms) rövidítés típusos a modern TypeScript lib céloknál.
Hogyan kezelhető a CORS TypeScript-tel?
A CORS kezelése megegyezik a JavaScripttel — ez egy böngésző biztonsági funkció, nem TypeScript-specifikus. Állítsa be a mode: 'cors' és credentials: 'include' opciókat szükség szerint; a TypeScript biztosítja a helyes RequestMode és RequestCredentials enum értékeket. Szerveroldali kérésekhez, ahol a CORS nem érvényes, lásd: curl to Node.js.
Hogyan küldhető POST kérés JSON törzzsel TypeScript nyelven?
Konvertáljon egy olyan curl POST parancsot, mint a curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL, TypeScript kódra a curl2code segítségével. A generált kód a const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }) megoldást használja. A curl2code automatikusan felismeri a JSON tartalmú -d/--data flageket, és beállítja a megfelelő Content-Type fejlécet a fetch kódban.
Hogyan adható hozzá Bearer token hitelesítés TypeScript nyelven?
Adja át a curl -H "Authorization: Bearer YOUR_TOKEN" URL parancsot a curl2code eszköznek, és az legenerálja a fetch kódot az auth fejléccel: headers: { Authorization: `Bearer ${token}` }. A curl2code felismeri a Bearer tokeneket a -H "Authorization: Bearer ..." és a --oauth2-bearer flagekből is. Basic auth esetén használja a -u user:pass kapcsolót.
Hogyan állítható be a Content-Type fejléc TypeScript nyelven?
A curl2code a curl -H "Content-Type: application/json" URL parancsot a megfelelő fejléccel ellátott fetch kódra konvertálja: headers: { 'Content-Type': 'application/json' } as HeadersInit. A -d adatoknál a curl alapértelmezés szerint az application/x-www-form-urlencoded értéket használja; a -F űrlapfeltöltéseknél pedig a multipart/form-data értéket. A curl2code mindegyiket a megfelelő fetch API-hoz rendeli.
Hasznos linkek
curl útmutatók
curl hibakódok
Keress rá bármely curl kilépési kódra — okok, javítások és hibakeresési tippek.
Fájlok letöltése curl segítségével
Fájlok mentése -o és -O kapcsolókkal, átirányítások követése, letöltés folytatása és egyebek.
SSL, TLS és proxy
Tanúsítványok, TLS verziók, HTTP/SOCKS proxyk és egyéni DNS beállítása.