Конвертувати 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 під час виконання ідентичні — TypeScript додає статичну перевірку типів. Ви отримуєте типізовані об'єкти Headers, RequestInit та Response. Для кастомних структур відповідей визначте інтерфейс і приведіть тип за допомогою await response.json() as MyType. Для серверного TypeScript перевірте наш конвертер curl у Node.js.

Як керувати автентифікацією в TypeScript?

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

Як надіслати дані форми за допомогою TypeScript?

Використовуйте браузерний FormData API — TypeScript має вбудовані визначення типів для нього. Викликайте formData.append('file', file) з типізованими параметрами. Компілятор виявить невідповідність типів під час збірки. 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.

Як обробляти CORS у TypeScript?

Обробка CORS ідентична до JavaScript — це функція безпеки браузера, а не TypeScript. Встановіть mode: 'cors' та credentials: 'include' за потреби, при цьому TypeScript забезпечить правильні значення переліків (enum) 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-токена у 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 в інші мови