Konversi curl ke TypeScript

Q: Apa yang dihasilkan curl2code untuk TypeScript?

curl2code menghasilkan kode TypeScript menggunakan fetch API asli peramban dengan anotasi tipe lengkap. Kode yang dihasilkan mencakup opsi permintaan bertipe, penanganan Response yang tepat, dan penguraian JSON yang aman secara tipe (type-safe). TypeScript menambahkan keamanan saat waktu kompilasi (compile-time safety) ke Fetch API yang sama dengan yang digunakan di JavaScript biasa.

Q: Bagaimana cara menangani autentikasi di TypeScript?

Sama seperti Fetch — berikan header Authorization dalam objek HeadersInit yang bertipe. TypeScript memastikan Anda tidak salah mengeja nama header jika menggunakan pembantu header bertipe. curl2code menghasilkan header autentikasi bertipe dengan benar dari flag curl -u dan -H 'Authorization: ...'.

Q: Bagaimana cara mengirim data formulir dengan TypeScript?

Gunakan API FormData peramban — TypeScript memiliki definisi tipe bawaan untuk itu. Panggil formData.append('file', file) dengan parameter bertipe. Kompiler menangkap tipe yang tidak cocok saat waktu build. curl2code mengonversi flag -F ke panggilan FormData yang bertipe dengan benar.

Q: Bagaimana cara menangani kesalahan secara aman secara tipe di TypeScript?

Gunakan try/catch dengan async/await. Tentukan tipe kesalahan klausa catch sebagai unknown dan persempit dengan instanceof. Periksa response.ok sebelum mengurai. Tentukan respons kesalahan bertipe dengan antarmuka untuk format kesalahan spesifik API. Ini memberi Anda jaminan saat waktu kompilasi bahwa semua jalur kesalahan ditangani.

Q: Bagaimana cara mengatur batas waktu untuk fetch di TypeScript?

Gunakan AbortController — TypeScript menyertakan definisi tipe lengkap untuk Abort API. Buat const controller = new AbortController(), berikan signal ke fetch, dan batalkan dengan setTimeout. Singkatan AbortSignal.timeout(ms) sudah bertipe di target lib TypeScript modern.

Q: Bagaimana cara mengirim POST request dengan JSON body di TypeScript?

Konversi perintah curl POST seperti curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL ke TypeScript menggunakan curl2code. Kode yang dihasilkan menggunakan const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code secara otomatis mendeteksi flag -d/--data dengan konten JSON dan mengatur header Content-Type yang sesuai dalam kode fetch.

Q: Bagaimana cara menambahkan otorisasi Bearer token di TypeScript?

Masukkan curl -H "Authorization: Bearer YOUR_TOKEN" URL ke curl2code dan alat ini akan menghasilkan kode fetch dengan header auth: headers: { Authorization: `Bearer ${token}` }. curl2code mendeteksi Bearer token dari flag -H "Authorization: Bearer ..." maupun --oauth2-bearer. Untuk Basic auth, gunakan -u user:pass.

curl2code mengonversi perintah curl ke kode TypeScript dengan anotasi tipe yang tepat menggunakan fetch API. Konversi berjalan di peramban Anda melalui WebAssembly — data Anda tidak pernah meninggalkan perangkat Anda. Untuk JavaScript biasa, lihat konverter curl ke JavaScript kami. Untuk kode sisi server, lihat curl ke Node.js. Di bawah ini adalah contoh bertipe untuk skenario umum.

Cara menyalin curl dari peramban Anda

1
Buka DevTools
Tekan F12 atau Ctrl+Shift+I untuk membuka alat pengembang peramban Anda.
2
Buka tab Network
Klik tab Network dan lakukan tindakan yang memicu permintaan HTTP.
3
Salin sebagai cURL
Klik kanan pada permintaan → Copy → Copy as cURL. Kemudian tempelkan di atas.

Contoh Kode TypeScript

1Permintaan GET Sederhana

perintah curl

curl https://api.example.com/users

TypeScript · fetch

fetch('https://api.example.com/users');

2POST dengan Body JSON

perintah curl

curl -X POST https://api.example.com/users \
  -H "Content-Type: application/json" \
  -d '{"name":"John","email":"john@example.com"}'

TypeScript · fetch

fetch('https://api.example.com/users', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    'name': 'John',
    'email': 'john@example.com'
  })
});

3Permintaan dengan Bearer Token

perintah curl

curl https://api.example.com/me \
  -H "Authorization: Bearer token123"

TypeScript · fetch

fetch('https://api.example.com/me', {
  headers: {
    'Authorization': 'Bearer token123'
  }
});

4Unggah Formulir Multipart

perintah curl

curl -X POST https://api.example.com/upload \
  -F "file=@document.pdf" \
  -F "description=My file"

TypeScript · fetch

const form = new FormData();
form.append('file', File(['<data goes here>'], 'document.pdf'));
form.append('description', 'My file');

fetch('https://api.example.com/upload', {
  method: 'POST',
  body: form
});

5Header Kustom

perintah curl

curl https://api.example.com/data \
  -H "X-API-Key: abc123" \
  -H "Accept: application/json" \
  -H "X-Request-ID: req-456"

TypeScript · fetch

fetch('https://api.example.com/data', {
  headers: {
    'X-API-Key': 'abc123',
    'Accept': 'application/json',
    'X-Request-ID': 'req-456'
  }
});

Pertanyaan yang Sering Diajukan

Apa yang dihasilkan curl2code untuk TypeScript?

curl2code menghasilkan kode TypeScript menggunakan fetch API asli peramban dengan anotasi tipe lengkap. Kode yang dihasilkan mencakup opsi permintaan bertipe, penanganan Response yang tepat, dan penguraian JSON yang aman secara tipe (type-safe). TypeScript menambahkan keamanan saat waktu kompilasi (compile-time safety) ke Fetch API yang sama dengan yang digunakan di JavaScript biasa.

TypeScript fetch vs JavaScript fetch — apa perbedaannya?

API runtime-nya identik — TypeScript menambahkan pemeriksaan tipe statis. Anda mendapatkan objek Headers, RequestInit, dan Response yang bertipe. Untuk bentuk respons khusus, tentukan antarmuka (interface) dan lakukan casting dengan await response.json() as MyType. Untuk TypeScript sisi server, periksa konverter curl ke Node.js.

Bagaimana cara menangani autentikasi di TypeScript?

Sama seperti Fetch — berikan header Authorization dalam objek HeadersInit yang bertipe. TypeScript memastikan Anda tidak salah mengeja nama header jika menggunakan pembantu header bertipe. curl2code menghasilkan header autentikasi bertipe dengan benar dari flag curl -u dan -H 'Authorization: ...'.

Bagaimana cara mengirim data formulir dengan TypeScript?

Gunakan API FormData peramban — TypeScript memiliki definisi tipe bawaan untuk itu. Panggil formData.append('file', file) dengan parameter bertipe. Kompiler menangkap tipe yang tidak cocok saat waktu build. curl2code mengonversi flag -F ke panggilan FormData yang bertipe dengan benar.

Bagaimana cara menangani kesalahan secara aman secara tipe di TypeScript?

Gunakan try/catch dengan async/await. Tentukan tipe kesalahan klausa catch sebagai unknown dan persempit dengan instanceof. Periksa response.ok sebelum mengurai. Tentukan respons kesalahan bertipe dengan antarmuka untuk format kesalahan spesifik API. Ini memberi Anda jaminan saat waktu kompilasi bahwa semua jalur kesalahan ditangani.

Bagaimana cara menentukan tipe respons API di TypeScript?

Tentukan antarmuka untuk bentuk respons yang diharapkan, lalu gunakan const data: MyAPI = await response.json(). Untuk validasi saat runtime, pasangkan dengan zod atau io-ts. Pola ini memastikan keamanan tipe di seluruh basis kode Anda. Untuk pengalaman bertipe serupa di bahasa lain, lihat curl ke Go atau curl ke Rust.

Bagaimana cara mengatur batas waktu untuk fetch di TypeScript?

Gunakan AbortController — TypeScript menyertakan definisi tipe lengkap untuk Abort API. Buat const controller = new AbortController(), berikan signal ke fetch, dan batalkan dengan setTimeout. Singkatan AbortSignal.timeout(ms) sudah bertipe di target lib TypeScript modern.

Bagaimana cara menangani CORS dengan TypeScript?

Penanganan CORS identik dengan JavaScript — ini adalah fitur keamanan peramban, bukan fitur TypeScript. Atur mode: 'cors' dan credentials: 'include' sesuai kebutuhan, dengan TypeScript memastikan nilai enum RequestMode dan RequestCredentials yang benar. Untuk permintaan sisi server di mana CORS tidak berlaku, lihat curl ke Node.js.

Bagaimana cara mengirim POST request dengan JSON body di TypeScript?

Konversi perintah curl POST seperti curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL ke TypeScript menggunakan curl2code. Kode yang dihasilkan menggunakan const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code secara otomatis mendeteksi flag -d/--data dengan konten JSON dan mengatur header Content-Type yang sesuai dalam kode fetch.

Bagaimana cara menambahkan otorisasi Bearer token di TypeScript?

Masukkan curl -H "Authorization: Bearer YOUR_TOKEN" URL ke curl2code dan alat ini akan menghasilkan kode fetch dengan header auth: headers: { Authorization: `Bearer ${token}` }. curl2code mendeteksi Bearer token dari flag -H "Authorization: Bearer ..." maupun --oauth2-bearer. Untuk Basic auth, gunakan -u user:pass.

Bagaimana cara mengatur header Content-Type di TypeScript?

curl2code mengonversi curl -H "Content-Type: application/json" URL ke kode fetch dengan header yang tepat: headers: { 'Content-Type': 'application/json' } as HeadersInit. Untuk data -d, curl secara default menggunakan application/x-www-form-urlencoded; untuk unggahan formulir -F, curl menggunakan multipart/form-data. curl2code memetakan masing-masing ke API fetch yang benar.

Tautan Berguna

Dokumentasi fetch

typescriptlang.org

Referensi Pustaka Standar

developer.mozilla.org

Halaman Man curl

curl.se

Panduan curl

Kode Error curl

Cari kode keluar curl apa pun — penyebab, perbaikan, dan tips debugging.

Unduh File dengan curl

Simpan file dengan -o, -O, ikuti redirect, lanjutkan unduhan, dan lainnya.

SSL, TLS & Proxy

Konfigurasi sertifikat, versi TLS, proxy HTTP/SOCKS, dan DNS kustom.

Cara menyalin curl dari peramban Anda

Contoh Kode TypeScript

1Permintaan GET Sederhana

2POST dengan Body JSON

3Permintaan dengan Bearer Token

4Unggah Formulir Multipart

5Header Kustom

Pertanyaan yang Sering Diajukan

Tautan Berguna

Panduan curl

Konversi curl ke Bahasa Lain

Contoh Kode TypeScript

1Permintaan GET Sederhana

2POST dengan Body JSON

3Permintaan dengan Bearer Token

4Unggah Formulir Multipart

5Header Kustom