Převést curl do TypeScript
curl2code převádí curl příkazy na kód v TypeScriptu s řádnými typovými anotacemi pomocí fetch API. Převod probíhá ve vašem prohlížeči přes WebAssembly — vaše data nikdy neopustí vaše zařízení. Pro čistý JavaScript se podívejte na náš převodník curl do JavaScriptu. Pro kód na straně serveru viz curl do Node.js. Níže jsou typované příklady pro běžné scénáře.
Jak zkopírovat curl z prohlížeče
- 1
Otevřete DevTools
Stiskněte F12 nebo Ctrl+Shift+I pro otevření vývojářských nástrojů prohlížeče.
- 2
Přejděte na kartu Network
Klikněte na kartu Network a proveďte akci, která vyvolá HTTP požadavek.
- 3
Zkopírovat jako cURL
Klikněte pravým tlačítkem na požadavek → Copy → Copy as cURL. Poté jej vložte výše.
Často kladené dotazy
Co generuje curl2code pro TypeScript?
curl2code generuje kód TypeScriptu využívající nativní prohlížečové fetch API s plnými typovými anotacemi. Vygenerovaný kód obsahuje typované volby požadavku, správné zpracování Response a typově bezpečné parsování JSON. TypeScript přidává bezpečnost v době kompilace ke stejnému Fetch API, které se používá v čistém JavaScriptu.
TypeScript fetch vs JavaScript fetch — jaký je v tom rozdíl?
Runtime API je identické — TypeScript přidává statickou typovou kontrolu. Získáte typované objekty Headers, RequestInit a Response. Pro vlastní tvary odpovědí definujte rozhraní (interface) a přetypujte pomocí await response.json() as MyType. Pro TypeScript na straně serveru se podívejte na náš převodník curl do Node.js.
Jak řešit autentizaci v TypeScriptu?
Stejně jako u Fetch — předejte hlavičku Authorization v typovaném objektu HeadersInit. TypeScript zajistí, že neuděláte překlep v názvech hlaviček, pokud používáte typovaného pomocníka pro hlavičky. curl2code generuje správně typované autentizační hlavičky z přepínačů curl -u a -H 'Authorization: ...'.
Jak posílat form data v TypeScriptu?
Použijte prohlížečové FormData API — TypeScript pro něj má vestavěné definice typů. Volejte formData.append('file', file) s typovanými parametry. Kompilátor zachytí neshodné typy v době sestavení. curl2code převádí přepínače -F na správně typovaná volání FormData.
Jak typově bezpečně řešit chyby v TypeScriptu?
Použijte try/catch s async/await. Typ chyby v klauzuli catch nastavte jako unknown a upřesněte pomocí instanceof. Před parsováním zkontrolujte response.ok. Definujte typované odpovědi na chyby pomocí rozhraní pro formáty chyb specifické pro dané API. To vám dává záruky v době kompilace, že jsou ošetřeny všechny cesty chyb.
Jak typovat odpovědi API v TypeScriptu?
Definujte rozhraní pro očekávaný tvar odpovědi a poté použijte const data: MyAPI = await response.json(). Pro validaci za běhu to zkombinujte s zod nebo io-ts. Tento vzor zajišťuje typovou bezpečnost v celém vašem kódu. Pro podobnou typovanou zkušenost v jiných jazycích viz curl do Go nebo curl do Rustu.
Jak nastavit timeouty pro fetch v TypeScriptu?
Použijte AbortController — TypeScript obsahuje plné definice typů pro Abort API. Vytvořte const controller = new AbortController(), předejte signal do fetch a přerušte pomocí setTimeout. Zkratka AbortSignal.timeout(ms) je typovaná v moderních cílech knihoven TypeScriptu.
Jak řešit CORS v TypeScriptu?
Zpracování CORS je identické s JavaScriptem — je to bezpečnostní funkce prohlížeče, nikoli TypeScriptu. Podle potřeby nastavte mode: 'cors' a credentials: 'include', přičemž TypeScript zajistí správné hodnoty enumů RequestMode a RequestCredentials. Pro požadavky na straně serveru, kde se CORS neuplatňuje, viz curl do Node.js.
Jak odeslat POST požadavek s JSON tělem v TypeScriptu?
Převeďte curl POST příkaz jako curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL do TypeScriptu pomocí curl2code. Vygenerovaný kód používá const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code automaticky detekuje -d/--data přepínače s JSON obsahem a nastaví odpovídající Content-Type hlavičku v kódu pro fetch.
Jak přidat autorizaci pomocí Bearer tokenu v TypeScriptu?
Vložte curl -H "Authorization: Bearer YOUR_TOKEN" URL do curl2code a nástroj vygeneruje kód pro fetch s autorizační hlavičkou: headers: { Authorization: `Bearer ${token}` }. curl2code detekuje Bearer tokeny z přepínačů -H "Authorization: Bearer ..." i --oauth2-bearer. Pro Basic auth použijte -u user:pass.
Jak nastavit hlavičku Content-Type v TypeScriptu?
curl2code převede curl -H "Content-Type: application/json" URL na kód pro fetch se správnou hlavičkou: headers: { 'Content-Type': 'application/json' } as HeadersInit. Pro data u -d curl standardně používá application/x-www-form-urlencoded; pro nahrávání formulářů přes -F používá multipart/form-data. curl2code mapuje každý z nich na správné fetch API.