Konwertuj curl na TypeScript

curl2code konwertuje polecenia curl na kod TypeScript z odpowiednimi adnotacjami typów przy użyciu API fetch. Konwersja odbywa się w przeglądarce poprzez WebAssembly — Twoje dane nigdy nie opuszczają urządzenia. W przypadku czystego JavaScript, sprawdź nasz konwerter curl na JavaScript. Kod po stronie serwera znajdziesz w sekcji curl na Node.js. Poniżej znajdują się otypowane przykłady dla typowych scenariuszy.

Jak skopiować polecenie curl z przeglądarki

  1. 1

    Otwórz DevTools

    Naciśnij F12 lub Ctrl+Shift+I, aby otworzyć narzędzia programistyczne przeglądarki.

  2. 2

    Przejdź do karty Sieć

    Kliknij kartę Sieć i wykonaj akcję, która wywołuje żądanie HTTP.

  3. 3

    Kopiuj jako cURL

    Kliknij żądanie prawym przyciskiem myszy → KopiujKopiuj jako cURL. Następnie wklej je powyżej.

Najczęściej zadawane pytania

Co curl2code generuje dla TypeScript?

curl2code generuje kod TypeScript przy użyciu natywnego dla przeglądarki fetch API z pełnymi adnotacjami typów. Wygenerowany kod zawiera typowane opcje żądania, poprawną obsługę Response oraz bezpieczne pod względem typów parsowanie JSON. TypeScript dodaje bezpieczeństwo w czasie kompilacji do tego samego Fetch API, które jest używane w czystym JavaScript.

TypeScript fetch vs JavaScript fetch — jaka jest różnica?

API w czasie wykonywania jest identyczne — TypeScript dodaje statyczne sprawdzanie typów. Otrzymujesz typowane obiekty Headers, RequestInit i Response. Dla niestandardowych kształtów odpowiedzi zdefiniuj interfejs i rzutuj za pomocą await response.json() as MyType. Dla TypeScript po stronie serwera sprawdź nasz konwerter curl na Node.js.

Jak obsługiwać uwierzytelnianie w TypeScript?

Tak samo jak w Fetch — przekaż nagłówek Authorization w typowanym obiekcie HeadersInit. TypeScript gwarantuje, że nie pomylisz nazw nagłówków, jeśli używasz typowanego pomocnika nagłówków. curl2code generuje poprawnie typowane nagłówki uwierzytelniania z flag curl -u i -H 'Authorization: ...'.

Jak wysyłać dane formularza w TypeScript?

Użyj przeglądarkowego API FormData — TypeScript ma dla niego wbudowane definicje typów. Wywołaj formData.append('file', file) z typowanymi parametrami. Kompilator wyłapuje niezgodne typy w czasie budowania. curl2code konwertuje flagi -F na poprawnie typowane wywołania FormData.

Jak bezpiecznie pod względem typów obsługiwać błędy w TypeScript?

Użyj try/catch z async/await. Typuj błąd w klauzuli catch jako unknown i zawężaj za pomocą instanceof. Sprawdzaj response.ok przed parsowaniem. Definiuj typowane odpowiedzi błędów za pomocą interfejsów dla formatów błędów specyficznych dla API. Daje to gwarancję w czasie kompilacji, że wszystkie ścieżki błędów są obsłużone.

Jak typować odpowiedzi API w TypeScript?

Zdefiniuj interfejs dla oczekiwanego kształtu odpowiedzi, a następnie użyj const data: MyAPI = await response.json(). Do walidacji w czasie wykonywania użyj zod lub io-ts. Ten wzorzec zapewnia bezpieczeństwo typów w całej bazie kodu. Aby uzyskać podobne doświadczenie z typowaniem w innych językach, zobacz curl na Go lub curl na Rust.

Jak ustawić limity czasu dla fetch w TypeScript?

Użyj AbortController — TypeScript zawiera pełne definicje typów dla Abort API. Utwórz const controller = new AbortController(), przekaż signal do fetch i przerwij za pomocą setTimeout. Skrót AbortSignal.timeout(ms) jest typowany w nowoczesnych celach bibliotecznych TypeScript.

Jak obsługiwać CORS w TypeScript?

Obsługa CORS jest identyczna jak w JavaScript — jest to funkcja bezpieczeństwa przeglądarki, a nie TypeScript. Ustaw mode: 'cors' i credentials: 'include' zgodnie z potrzebami, a TypeScript zapewni poprawne wartości wyliczeniowe RequestMode i RequestCredentials. Dla żądań po stronie serwera, gdzie CORS nie ma zastosowania, zobacz curl na Node.js.

Jak wysłać żądanie POST z ciałem JSON w języku TypeScript?

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

Jak dodać autoryzację Bearer token w języku TypeScript?

Przekaż curl -H "Authorization: Bearer YOUR_TOKEN" URL do curl2code, a narzędzie wygeneruje kod fetch z nagłówkiem autoryzacji: headers: { Authorization: `Bearer ${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.

Jak ustawić nagłówek Content-Type w języku TypeScript?

curl2code konwertuje curl -H "Content-Type: application/json" URL na kod fetch z właściwym nagłówkiem: headers: { 'Content-Type': 'application/json' } as HeadersInit. 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.

Przydatne linki

Poradniki curl

Konwertuj curl na inne języki