Konvertera curl till TypeScript
curl2code konverterar curl-kommandon till TypeScript-kod med korrekta typannoteringar med fetch-API:et. Konverteringen körs i din webbläsare via WebAssembly — din data lämnar aldrig din enhet. För vanlig JavaScript, kolla in vår curl till JavaScript-konverterare. För kod på serversidan, se curl till Node.js. Nedan finns typade exempel för vanliga scenarier.
Hur man kopierar curl från din webbläsare
- 1
Öppna DevTools
Tryck på F12 eller Ctrl+Shift+I för att öppna webbläsarens utvecklarverktyg.
- 2
Gå till fliken Network
Klicka på fliken Network och utför åtgärden som utlöser HTTP-begäran.
- 3
Kopiera som cURL
Högerklicka på begäran → Copy → Copy as cURL. Klistra sedan in den ovan.
Vanliga frågor
Vad genererar curl2code för TypeScript?
curl2code genererar TypeScript-kod som använder webbläsarens nativa fetch API med fullständiga typannoteringar. Den genererade koden inkluderar typade anropsalternativ, korrekt Response-hantering och typsäker JSON-parsning. TypeScript lägger till säkerhet vid kompilering till samma Fetch API som används i vanlig JavaScript.
TypeScript fetch vs JavaScript fetch — vad är skillnaden?
Runtime-API:et är identiskt — TypeScript lägger till statisk typkontroll. Du får typade objekt för Headers, RequestInit och Response. För anpassade svarsformat, definiera ett interface och casta med await response.json() as MyType. För TypeScript på serversidan, se vår curl till Node.js-konverterare.
Hur hanterar man autentisering i TypeScript?
Samma som Fetch — skicka en Authorization-header i det typade HeadersInit-objektet. TypeScript säkerställer att du inte stavar fel på headernamn om du använder en typad header-hjälpare. curl2code genererar korrekt typade autentiseringsheaders från curls -u och -H 'Authorization: ...'-flaggor.
Hur skickar man formulärdata med TypeScript?
Använd webbläsarens FormData API — TypeScript har inbyggda typdefinitioner för det. Anropa formData.append('file', file) med typade parametrar. Kompilatorn fångar felaktiga typer vid bygge. curl2code konverterar -F-flaggor till korrekt typade FormData-anrop.
Hur hanterar man fel typsäkert i TypeScript?
Använd try/catch med async/await. Typa felet i catch-klausulen som unknown och smalna av med instanceof. Kontrollera response.ok före parsning. Definiera typade felsvar med interface för API-specifika felformat. Detta ger dig garantier vid kompilering att alla felvägar hanteras.
Hur typar man API-svar i TypeScript?
Definiera ett interface för det förväntade svarsformatet, använd sedan const data: MyAPI = await response.json(). För validering vid körning, kombinera med zod eller io-ts. Detta mönster säkerställer typsäkerhet i hela din kodbas. För en liknande typad upplevelse i andra språk, se curl till Go eller curl till Rust.
Hur ställer man in timeouts för fetch i TypeScript?
Använd AbortController — TypeScript inkluderar fullständiga typdefinitioner för Abort API. Skapa const controller = new AbortController(), skicka signal till fetch och avbryt med setTimeout. Genvägen AbortSignal.timeout(ms) är typad i moderna TypeScript lib-targets.
Hur hanterar man CORS med TypeScript?
CORS-hantering är identisk med JavaScript — det är en säkerhetsfunktion i webbläsaren, inte i TypeScript. Ställ in mode: 'cors' och credentials: 'include' vid behov, där TypeScript säkerställer korrekta enum-värden för RequestMode och RequestCredentials. För anrop på serversidan där CORS inte gäller, se curl till Node.js.
Hur skickar man en POST förfrågan med JSON body i TypeScript?
Konvertera ett curl POST kommando som curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL till TypeScript med curl2code. Den genererade koden använder const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code detekterar automatiskt -d/--data flaggor med JSON innehåll och ställer in rätt Content-Type header i fetch kod.
Hur lägger man till Bearer token auktorisering i TypeScript?
Skicka curl -H "Authorization: Bearer YOUR_TOKEN" URL till curl2code så genereras fetch kod med auth header: headers: { Authorization: `Bearer ${token}` }. curl2code detekterar Bearer tokens från både -H "Authorization: Bearer ..." och --oauth2-bearer flaggor. För Basic auth, använd -u user:pass.
Hur ställer man in Content-Type header i TypeScript?
curl2code konverterar curl -H "Content-Type: application/json" URL till fetch kod med rätt header: headers: { 'Content-Type': 'application/json' } as HeadersInit. För -d data använder curl som standard application/x-www-form-urlencoded; för -F formuläruppladdningar används multipart/form-data. curl2code mappar varje del till rätt fetch API.