Tukar curl ke TypeScript

Q: Apakah yang dihasilkan oleh curl2code untuk TypeScript?

curl2code menghasilkan kod TypeScript menggunakan API fetch asli pelayar dengan anotasi jenis penuh. Kod yang dihasilkan termasuk pilihan permintaan bertaip, pengendalian Response yang betul, dan penghuraian JSON yang selamat dari segi jenis. TypeScript menambah keselamatan masa kompilasi kepada API Fetch yang sama yang digunakan dalam JavaScript biasa.

Q: Bagaimana cara mengendalikan pengesahan dalam TypeScript?

Sama seperti Fetch — hantar pengepala Authorization dalam objek HeadersInit yang bertaip. TypeScript memastikan anda tidak tersalah eja nama pengepala jika menggunakan pembantu pengepala bertaip. curl2code menghasilkan pengepala pengesahan bertaip dengan betul daripada bendera curl -u dan -H 'Authorization: ...'.

Q: Bagaimana cara menghantar data borang dengan TypeScript?

Gunakan API FormData pelayar — TypeScript mempunyai definisi jenis terbina dalam untuknya. Panggil formData.append('file', file) dengan parameter bertaip. Kompilator menangkap jenis yang tidak sepadan pada masa binaan. curl2code menukar bendera -F kepada panggilan FormData yang bertaip dengan betul.

Q: Bagaimana cara mengendalikan ralat secara selamat dari segi jenis dalam TypeScript?

Gunakan try/catch dengan async/await. Taipkan ralat klausa catch sebagai unknown dan kecilkan skop dengan instanceof. Semak response.ok sebelum menghurai. Tentukan respons ralat bertaip dengan antara muka untuk format ralat khusus API. Ini memberi anda jaminan masa kompilasi bahawa semua laluan ralat dikendalikan.

Q: Bagaimana cara menetapkan had masa tamat untuk fetch dalam TypeScript?

Gunakan AbortController — TypeScript menyertakan definisi jenis penuh untuk API Abort. Cipta const controller = new AbortController(), hantar signal kepada fetch, dan batalkan dengan setTimeout. Singkatan AbortSignal.timeout(ms) bertaip dalam sasaran lib TypeScript moden.

Q: Bagaimana cara menghantar permintaan POST dengan badan JSON dalam TypeScript?

Tukar perintah curl POST seperti curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL ke TypeScript menggunakan curl2code. Kod yang dihasilkan menggunakan const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code mengesan bendera -d/--data secara automatik dengan kandungan JSON dan menetapkan pengepala Content-Type yang sesuai dalam kod fetch.

Q: Bagaimana cara menambah kebenaran token Bearer dalam TypeScript?

Masukkan curl -H "Authorization: Bearer YOUR_TOKEN" URL ke curl2code dan ia akan menghasilkan kod fetch dengan pengepala auth: headers: { Authorization: `Bearer ${token}` }. curl2code mengesan token Bearer daripada kedua-dua bendera -H "Authorization: Bearer ..." dan --oauth2-bearer. Untuk Basic auth, gunakan -u user:pass.

curl2code menukar arahan curl kepada kod TypeScript dengan anotasi jenis yang betul menggunakan API fetch. Penukaran ini berjalan dalam pelayar anda melalui WebAssembly — data anda tidak pernah meninggalkan peranti anda. Untuk JavaScript biasa, lihat penukar curl ke JavaScript kami. Untuk kod bahagian pelayan, lihat curl ke Node.js. Di bawah adalah contoh bertaip untuk senario biasa.

Cara menyalin curl daripada pelayar anda

1
Buka DevTools
Tekan F12 atau Ctrl+Shift+I untuk membuka alat pembangun pelayar anda.
2
Pergi ke tab Network
Klik tab Network dan lakukan tindakan yang mencetuskan permintaan HTTP.
3
Salin sebagai cURL
Klik kanan pada permintaan → Copy → Copy as cURL. Kemudian tampalkannya di atas.

Contoh Kod TypeScript

1Permintaan GET Mudah

arahan curl

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

TypeScript · fetch

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

2POST dengan Badan JSON

arahan 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 Token Bearer

arahan curl

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

TypeScript · fetch

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

4Muat Naik Borang Multipart

arahan 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
});

5Pengepala Tersuai

arahan 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'
  }
});

Soalan Lazim

Apakah yang dihasilkan oleh curl2code untuk TypeScript?

curl2code menghasilkan kod TypeScript menggunakan API fetch asli pelayar dengan anotasi jenis penuh. Kod yang dihasilkan termasuk pilihan permintaan bertaip, pengendalian Response yang betul, dan penghuraian JSON yang selamat dari segi jenis. TypeScript menambah keselamatan masa kompilasi kepada API Fetch yang sama yang digunakan dalam JavaScript biasa.

TypeScript fetch vs JavaScript fetch — apakah perbezaannya?

API masa jalannya adalah serupa — TypeScript menambah penyemakan jenis statik. Anda mendapat objek Headers, RequestInit, dan Response yang bertaip. Untuk bentuk respons tersuai, tentukan antara muka dan hantar dengan await response.json() as MyType. Untuk TypeScript bahagian pelayan, semak penukar curl ke Node.js.

Bagaimana cara mengendalikan pengesahan dalam TypeScript?

Sama seperti Fetch — hantar pengepala Authorization dalam objek HeadersInit yang bertaip. TypeScript memastikan anda tidak tersalah eja nama pengepala jika menggunakan pembantu pengepala bertaip. curl2code menghasilkan pengepala pengesahan bertaip dengan betul daripada bendera curl -u dan -H 'Authorization: ...'.

Bagaimana cara menghantar data borang dengan TypeScript?

Gunakan API FormData pelayar — TypeScript mempunyai definisi jenis terbina dalam untuknya. Panggil formData.append('file', file) dengan parameter bertaip. Kompilator menangkap jenis yang tidak sepadan pada masa binaan. curl2code menukar bendera -F kepada panggilan FormData yang bertaip dengan betul.

Bagaimana cara mengendalikan ralat secara selamat dari segi jenis dalam TypeScript?

Gunakan try/catch dengan async/await. Taipkan ralat klausa catch sebagai unknown dan kecilkan skop dengan instanceof. Semak response.ok sebelum menghurai. Tentukan respons ralat bertaip dengan antara muka untuk format ralat khusus API. Ini memberi anda jaminan masa kompilasi bahawa semua laluan ralat dikendalikan.

Bagaimana cara menaipkan respons API dalam TypeScript?

Tentukan antara muka untuk bentuk respons yang dijangkakan, kemudian gunakan const data: MyAPI = await response.json(). Untuk pengesahan pada masa jalan, pasangkan dengan zod atau io-ts. Corak ini memastikan keselamatan jenis merentas pangkalan kod anda. Untuk pengalaman bertaip yang serupa dalam bahasa lain, lihat curl ke Go atau curl ke Rust.

Bagaimana cara menetapkan had masa tamat untuk fetch dalam TypeScript?

Gunakan AbortController — TypeScript menyertakan definisi jenis penuh untuk API Abort. Cipta const controller = new AbortController(), hantar signal kepada fetch, dan batalkan dengan setTimeout. Singkatan AbortSignal.timeout(ms) bertaip dalam sasaran lib TypeScript moden.

Bagaimana cara mengendalikan CORS dengan TypeScript?

Pengendalian CORS adalah serupa dengan JavaScript — ia adalah ciri keselamatan pelayar, bukan ciri TypeScript. Tetapkan mode: 'cors' dan credentials: 'include' mengikut keperluan, dengan TypeScript memastikan nilai enum RequestMode dan RequestCredentials yang betul. Untuk permintaan bahagian pelayan di mana CORS tidak terpakai, lihat curl ke Node.js.

Bagaimana cara menghantar permintaan POST dengan badan JSON dalam TypeScript?

Tukar perintah curl POST seperti curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL ke TypeScript menggunakan curl2code. Kod yang dihasilkan menggunakan const response: Response = await fetch(url, { method: 'POST', body: JSON.stringify(data) }). curl2code mengesan bendera -d/--data secara automatik dengan kandungan JSON dan menetapkan pengepala Content-Type yang sesuai dalam kod fetch.

Bagaimana cara menambah kebenaran token Bearer dalam TypeScript?

Masukkan curl -H "Authorization: Bearer YOUR_TOKEN" URL ke curl2code dan ia akan menghasilkan kod fetch dengan pengepala auth: headers: { Authorization: `Bearer ${token}` }. curl2code mengesan token Bearer daripada kedua-dua bendera -H "Authorization: Bearer ..." dan --oauth2-bearer. Untuk Basic auth, gunakan -u user:pass.

Bagaimana cara menetapkan pengepala Content-Type dalam TypeScript?

curl2code menukar curl -H "Content-Type: application/json" URL kepada kod fetch dengan pengepala yang betul: headers: { 'Content-Type': 'application/json' } as HeadersInit. Untuk data -d, curl secara lalai menggunakan application/x-www-form-urlencoded; untuk muat naik borang -F, ia menggunakan multipart/form-data. curl2code memetakan setiap satu ke API fetch yang betul.

Pautan Berguna

Dokumentasi fetch

typescriptlang.org

Rujukan Pustaka Standard

developer.mozilla.org

Halaman Man curl

curl.se

Panduan curl

Kod Ralat curl

Cari mana-mana kod keluar curl — punca, pembaikan dan tip nyahpepijat.

Muat Turun Fail dengan curl

Simpan fail dengan -o, -O, ikut lencongan, sambung muat turun dan banyak lagi.

SSL, TLS & Proksi

Konfigurasi sijil, versi TLS, proksi HTTP/SOCKS dan DNS tersuai.

Cara menyalin curl daripada pelayar anda

Contoh Kod TypeScript

1Permintaan GET Mudah

2POST dengan Badan JSON

3Permintaan dengan Token Bearer

4Muat Naik Borang Multipart

5Pengepala Tersuai

Soalan Lazim

Pautan Berguna

Panduan curl

Tukar curl ke Bahasa Lain

Contoh Kod TypeScript

1Permintaan GET Mudah

2POST dengan Badan JSON

3Permintaan dengan Token Bearer

4Muat Naik Borang Multipart

5Pengepala Tersuai