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

    Másolás cURL-ként

    Kattintson a jobb gombbal a kérésre → CopyCopy 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 konvertálása más nyelvekre