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
Otwórz DevTools
Naciśnij F12 lub Ctrl+Shift+I, aby otworzyć narzędzia programistyczne przeglądarki.
- 2
Przejdź do karty Sieć
Kliknij kartę Sieć i wykonaj akcję, która wywołuje żądanie HTTP.
- 3
Kopiuj jako cURL
Kliknij żądanie prawym przyciskiem myszy → Kopiuj → Kopiuj 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
Kody błędów curl
Sprawdź dowolny kod wyjścia curl — przyczyny, rozwiązania i wskazówki debugowania.
Pobieranie plików za pomocą curl
Zapisuj pliki z -o, -O, podążaj za przekierowaniami, wznawiaj pobieranie i więcej.
SSL, TLS i proxy
Konfiguracja certyfikatów, wersji TLS, proxy HTTP/SOCKS i niestandardowego DNS.