Konwertuj curl na JavaScript

Fetch API to nowoczesny, oparty na obietnicach interfejs wbudowany we wszystkie przeglądarki, służący do wykonywania żądań HTTP. Zastępuje starsze XMLHttpRequest czystszym i potężniejszym API. Fetch obsługuje strumieniowanie, obiekty request/response, CORS i naturalnie integruje się z async/await. Nie wymaga instalacji — jest dostępny globalnie. curl2code używa Fetch jako domyślnego wyjścia dla konwersji JavaScript.

Fetch to nowoczesny standard — używaj go w nowych projektach. XMLHttpRequest jest przestarzały, ale nadal działa wszędzie i natywnie obsługuje zdarzenia postępu. jQuery.ajax dodaje wygodę, jeśli jQuery jest już w Twoim projekcie. Dla JavaScript po stronie serwera sprawdź nasz konwerter curl na Node.js. Dla bezpieczeństwa typów wypróbuj curl na TypeScript.

Przekaż nagłówek Authorization w opcji headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). Dla Basic auth zakoduj poświadczenia za pomocą btoa(user + ':' + pass). curl2code automatycznie wykrywa flagi -u i -H 'Authorization: ...'.

Utwórz obiekt FormData i przekaż go jako body: fetch(url, { method: "POST", body: formData }). Nie ustawiaj Content-Type ręcznie — przeglądarka automatycznie doda granicę multipart. curl2code konwertuje flagi -F na FormData.

Fetch odrzuca obietnicę tylko w przypadku awarii sieci, a nie błędów HTTP. Zawsze sprawdzaj response.ok lub response.status przed odczytaniem body. Otaczaj wywołania blokiem try/catch z async/await, aby obsłużyć błędy sieciowe i błędy parsowania w jednym miejscu.

Fetch zwraca Promise, więc użyj const response = await fetch(url), a następnie const data = await response.json(). Otocz to blokiem try/catch w celu obsługi błędów. Jest to czystsze niż łańcuchy .then() i jest zalecanym wzorcem w nowoczesnym JavaScript.

Użyj AbortController: utwórz kontroler, przekaż { signal: controller.signal } do fetch i wywołaj controller.abort() po opóźnieniu za pomocą setTimeout. Nowoczesne przeglądarki obsługują również AbortSignal.timeout(5000) jako prostsze rozwiązanie jednowierszowe. Flaga curl --max-time mapuje się na ten wzorzec.

CORS jest wymuszany przez przeglądarkę, a nie przez samo Fetch. Ustaw mode: 'cors' (domyślnie) i upewnij się, że serwer wysyła odpowiednie nagłówki Access-Control-Allow-Origin. Dla poświadczeń (ciasteczek) dodaj credentials: 'include'. CORS nie dotyczy kodu po stronie serwera — w tym przypadku sprawdź nasz konwerter curl na Node.js.

Konwertuj polecenie curl POST, takie jak curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL na kod JavaScript za pomocą curl2code. Wygenerowany kod używa fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). curl2code automatycznie wykrywa flagi -d/--data z zawartością JSON i ustawia odpowiedni nagłówek Content-Type w kodzie fetch.

Przekaż curl -H "Authorization: Bearer YOUR_TOKEN" URL do curl2code, a narzędzie wygeneruje kod fetch z nagłówkiem autoryzacji: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code wykrywa tokeny Bearer zarówno z flag -H "Authorization: Bearer ...", jak i --oauth2-bearer. W przypadku Basic auth użyj -u user:pass.

curl2code konwertuje curl -H "Content-Type: application/json" URL na kod fetch z właściwym nagłówkiem: headers: { 'Content-Type': 'application/json' }. Dla danych -d curl domyślnie ustawia application/x-www-form-urlencoded; dla przesyłania formularzy -F używa multipart/form-data. curl2code mapuje każde z nich na odpowiednie API fetch.