Prevod curl do JavaScript
curl2code konvertuje curl príkazy na JavaScript kód pomocou natívneho fetch API. Všetko beží lokálne vo vašom prehliadači cez WebAssembly pre úplné súkromie. Ak potrebujete kód pre Node.js na strane servera, vyskúšajte náš prevodník curl do Node.js. Pre typovú bezpečnosť si pozrite prevodník curl do TypeScriptu. Nižšie sú praktické príklady pre bežné HTTP vzory.
Ako skopírovať curl z vášho prehliadača
- 1
Otvorte DevTools
Stlačte F12 alebo Ctrl+Shift+I na otvorenie vývojárskych nástrojov prehliadača.
- 2
Prejdite na kartu Network
Kliknite na kartu Network a vykonajte akciu, ktorá spustí HTTP požiadavku.
- 3
Skopírovať ako cURL
Kliknite pravým tlačidlom na požiadavku → Copy → Copy as cURL. Potom ju prilepte vyššie.
Často kladené otázky
Čo je Fetch API?
Fetch API je moderné rozhranie založené na promise-och, zabudované vo všetkých prehliadačoch na vytváranie HTTP požiadaviek. Nahrádza staršie XMLHttpRequest čistejším a výkonnejším API. Fetch podporuje streamovanie, objekty request/response, CORS a prirodzene sa integruje s async/await. Nevyžaduje sa žiadna inštalácia — je k dispozícii globálne. curl2code používa Fetch ako predvolený výstup pre konverzie do JavaScriptu.
Fetch vs XMLHttpRequest vs jQuery.ajax — čo by som mal použiť?
Fetch je moderný štandard — používajte ho pre nové projekty. XMLHttpRequest je zastaraný, ale stále funguje všade a natívne podporuje udalosti priebehu (progress events). jQuery.ajax pridáva pohodlie, ak už máte jQuery v projekte. Pre JavaScript na strane servera si pozrite náš curl to Node.js konvertor. Pre typovú bezpečnosť skúste curl to TypeScript.
Ako riešiť autentifikáciu s Fetch?
Odovzdajte hlavičku Authorization v možnosti headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). Pre Basic autentifikáciu zakódujte prihlasovacie údaje pomocou btoa(user + ':' + pass). curl2code automaticky deteguje prepínače -u a -H 'Authorization: ...'.
Ako posielať multipart form data pomocou Fetch?
Vytvorte objekt FormData a odovzdajte ho ako telo: fetch(url, { method: "POST", body: formData }). Nenastavujte Content-Type manuálne — prehliadač automaticky pridá multipart boundary. curl2code konvertuje prepínače -F na FormData.
Ako riešiť chyby s Fetch?
Fetch zlyhá (reject) iba pri sieťových chybách, nie pri HTTP chybách. Pred čítaním tela vždy skontrolujte response.ok alebo response.status. Zabaľte volania do try/catch s async/await, aby ste spracovali sieťové chyby aj chyby parsovania na jednom mieste.
Ako používať async/await s Fetch?
Fetch vracia Promise, takže použite const response = await fetch(url) a následne const data = await response.json(). Zabaľte to do bloku try/catch pre spracovanie chýb. Je to čistejšie ako reťazce .then() a je to odporúčaný vzor pre moderný JavaScript.
Ako nastaviť timeout pre Fetch požiadavky?
Použite AbortController: vytvorte kontrolér, odovzdajte { signal: controller.signal } do fetch a zavolajte controller.abort() po oneskorení pomocou setTimeout. Moderné prehliadače podporujú aj AbortSignal.timeout(5000) ako jednoduchší jednoriadkový zápis. Prepínač curl --max-time sa mapuje na tento vzor.
Ako riešiť problémy s CORS vo Fetch?
CORS vynucuje prehliadač, nie samotný Fetch. Nastavte mode: 'cors' (predvolené) a uistite sa, že server posiela správne hlavičky Access-Control-Allow-Origin. Pre prihlasovacie údaje (cookies) pridajte credentials: 'include'. CORS sa nevzťahuje na kód na strane servera — pre ten si pozrite náš curl to Node.js konvertor.
Ako poslať POST požiadavku s JSON telom v jazyku JavaScript?
Preveďte curl POST príkaz ako curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL do jazyka JavaScript pomocou curl2code. Vygenerovaný kód používa fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code automaticky deteguje prepínače -d/--data s JSON obsahom a nastaví príslušnú hlavičku Content-Type v kóde pre fetch.
Ako pridať autorizáciu pomocou Bearer tokenu v jazyku JavaScript?
Vložte curl -H "Authorization: Bearer YOUR_TOKEN" URL do curl2code a nástroj vygeneruje kód pre fetch s autorizačnou hlavičkou: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code deteguje Bearer tokeny z prepínačov -H "Authorization: Bearer ..." aj --oauth2-bearer. Pre Basic auth použite -u user:pass.
Ako nastaviť hlavičku Content-Type v jazyku JavaScript?
curl2code konvertuje curl -H "Content-Type: application/json" URL na kód pre fetch so správnou hlavičkou: headers: { 'Content-Type': 'application/json' }. Pre dáta v -d curl predvolene používa application/x-www-form-urlencoded; pre nahrávanie formulárov cez -F používa multipart/form-data. curl2code mapuje každý z nich na správne API pre fetch.