Конвертиране на curl в TypeScript

curl2code конвертира curl команди в TypeScript код с правилни типови анотации, използвайки fetch API. Конвертирането се извършва във вашия браузър чрез WebAssembly — вашите данни никога не напускат устройството ви. За чист JavaScript вижте нашия curl към JavaScript конвертор. За сървърен код вижте curl към Node.js. По-долу са дадени типизирани примери за често срещани сценарии.

Как да копирате curl от вашия браузър

  1. 1

    Отворете DevTools

    Натиснете F12 или Ctrl+Shift+I, за да отворите инструментите за разработчици на вашия браузър.

  2. 2

    Отидете в раздела Network

    Кликнете върху раздела Network и извършете действието, което задейства HTTP заявката.

  3. 3

    Копирайте като cURL

    Кликнете с десния бутон върху заявката → CopyCopy as cURL. След това я поставете по-горе.

Често задавани въпроси

Какво генерира curl2code за TypeScript?

curl2code генерира TypeScript код, използвайки нативния за браузъра fetch API с пълни анотации на типовете. Генерираният код включва типизирани опции за заявка, правилна обработка на Response и типобезопасно JSON парсване. TypeScript добавя сигурност по време на компилация към същия Fetch API, използван в чистия JavaScript.

TypeScript fetch срещу JavaScript fetch — каква е разликата?

API-то по време на изпълнение (runtime) е идентично — TypeScript добавя статична проверка на типовете. Получавате типизирани обекти Headers, RequestInit и Response. За персонализирани структури на отговора дефинирайте интерфейс и го приложете с await response.json() as MyType. За TypeScript от страна на сървъра вижте нашия конвертор от curl към Node.js.

Как да се справя с автентикацията в TypeScript?

Същото като при Fetch — подайте Authorization заглавие в типизирания HeadersInit обект. TypeScript гарантира, че няма да сгрешите имената на заглавията, ако използвате типизиран помощник за хедъри. curl2code генерира правилно типизирани заглавия за автентикация от curl флаговете -u и -H 'Authorization: ...'.

Как да изпращам form данни с TypeScript?

Използвайте браузърния FormData API — TypeScript има вградени дефиниции на типове за него. Извикайте formData.append('file', file) с типизирани параметри. Компилаторът улавя несъответстващи типове по време на изграждане (build time). curl2code конвертира -F флаговете в правилно типизирани FormData повиквания.

Как да се справя с грешки по типобезопасен начин в TypeScript?

Използвайте try/catch с async/await. Типизирайте грешката в catch клаузата като unknown и я стеснете с instanceof. Проверявайте response.ok преди парсване. Дефинирайте типизирани отговори за грешки с интерфейси за специфични за API формати на грешки. Това ви дава гаранции по време на компилация, че всички пътища на грешки са обработени.

Как да дефинирам типове за API отговори в TypeScript?

Дефинирайте интерфейс за очакваната структура на отговора, след което използвайте const data: MyAPI = await response.json(). За валидация по време на изпълнение комбинирайте със zod или io-ts. Този модел гарантира типобезопасност в цялата ви кодова база. За подобно типизирано изживяване на други езици вижте curl към Go или curl към Rust.

Как да задам таймаути за fetch в TypeScript?

Използвайте AbortController — TypeScript включва пълни дефиниции на типове за Abort API. Създайте const controller = new AbortController(), подайте signal на fetch и прекъснете със setTimeout. Съкращението AbortSignal.timeout(ms) е типизирано в модерните TypeScript lib цели.

Как да се справя с CORS с TypeScript?

Обработката на CORS е идентична с тази в JavaScript — това е функция за сигурност на браузъра, а не на TypeScript. Задайте mode: 'cors' и credentials: 'include' според нуждите, като TypeScript гарантира правилни стойности за RequestMode и RequestCredentials енумерациите. За заявки от страна на сървъра, където CORS не се прилага, вижте curl към Node.js.

Как се изпраща POST заявка с JSON тяло в TypeScript?

Конвертирайте curl POST команда като curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL в TypeScript чрез curl2code. Генерираният код използва const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code автоматично разпознава -d/--data флагове с JSON съдържание и задава съответната Content-Type заглавна част във fetch кода.

Как се добавя Bearer token оторизация в TypeScript?

Подайте curl -H "Authorization: Bearer YOUR_TOKEN" URL на curl2code и той ще генерира fetch код със заглавна част за оторизация: headers: { Authorization: `Bearer ${token}` }. curl2code разпознава Bearer токени както от -H "Authorization: Bearer ...", така и от --oauth2-bearer флагове. За Basic auth използвайте -u user:pass.

Как се задава Content-Type заглавна част в TypeScript?

curl2code конвертира curl -H "Content-Type: application/json" URL във fetch код с правилната заглавна част: headers: { 'Content-Type': 'application/json' } as HeadersInit. За -d данни, curl използва по подразбиране application/x-www-form-urlencoded; за -F качване на формуляри, използва multipart/form-data. curl2code свързва всеки от тях с правилния fetch API.

Полезни връзки

Ръководства за curl

Конвертиране на curl в други езици