JavaScript fetch()

  

Spravuješ živnost nebo zakázky?

Spravuješ živnost nebo zakázky? VšeVKapse — fakturace, zakázky, klientský portál a AI v jedné aplikaci. Česky.

Vyzkoušet zdarma →

K čemu je cURL → Kód Konvertor

Každý, kdo někdy ladit API v prohlížeči, zná ten rituál: zkopíruješ request z DevTools jako cURL, otevřeš novou záložku, začneš googlit „curl to fetch javascript" a skončíš na Stack Overflow, kde odpovědi z roku 2016 moc nepomůžou. Tento nástroj ten rituál odstraní. Jsi-li freelancer, webař nebo frontend vývojář, který pravidelně pracuje s API, ušetříš si dost nervů.

Konkrétní problém je jednoduchý: prohlížeč ti nabídne „Copy as cURL", ale tvůj kód potřebuje `fetch` nebo Axios. Přepsat to ručně – zvlášť u requestů s desítkami hlaviček nebo JSON tělem – je otravné a náchylné na chyby. Konvertor z cURL syntaxe vygeneruje čistý, použitelný kód, který stačí vložit do projektu.

Co umí

  • Převod cURL příkazu na nativní `fetch` s async/await
  • Převod na Axios volání ve stejném formátu
  • Správné zpracování HTTP metod (GET, POST, PUT, DELETE…)
  • Zachování všech hlaviček z původního requestu
  • Parsování JSON těla requestu (`--data`, `--data-raw`)
  • Čitelný, odsazený výstup – ne jednořádkový chaos

Jak to funguje

  1. Otevři v prohlížeči DevTools (F12), přejdi na záložku Network.
  2. Najdi request, který chceš převést, klikni pravým tlačítkem a zvol „Copy → Copy as cURL".
  3. Vlož zkopírovaný cURL příkaz do vstupního pole konvertoru.
  4. Zvol cílový formát – `fetch` nebo `Axios`.
  5. Klikni na tlačítko pro konverzi a zkopíruj vygenerovaný kód.
  6. Vlož kód přímo do svého projektu – hlavičky, metoda i tělo jsou již správně nastavené.

Vše probíhá lokálně v prohlížeči, žádný tvůj kód ani data se neposílají na žádný server.

Časté otázky

Co když můj cURL obsahuje autorizační tokeny?

Tokeny zůstanou součástí vygenerovaného kódu jako hlavička `Authorization`. Dávej pozor, abys ho pak v produkčním kódu neukládal napevno – ideálně ho přesuň do proměnné prostředí.

Funguje konvertor i pro složitější requesty s multipart/form-data?

Základní případy s JSON tělem a standardními hlavičkami fungují spolehlivě. U složitějších requestů s `multipart/form-data` nebo binárními daty výstup zkontroluj – ty hraničními případy zkus doplnit ručně.

Jaký je rozdíl mezi výstupem pro fetch a Axios?

Fetch je nativní browser API bez závislostí, Axios je knihovna s trochu pohodlnější syntaxí a lepší podporou chybových stavů. Oba výstupy jsou funkčně ekvivalentní, volba závisí na tom, co používáš v projektu.

Mohu konvertor použít i pro Node.js requesty?

Ano, vygenerovaný fetch kód funguje v Node.js 18+ nativně. Pro starší verze budeš potřebovat balíček `node-fetch`. Axios funguje v Node.js bez omezení.