TK TaskKit
Tools Developer

cURL ↔ fetch

Konversi perintah cURL ke panggilan JavaScript fetch() dan sebaliknya, di browser kamu.

Input
Output
Paste perintah di sebelah kiri, lihat bentuk yang dikonversi di sebelah kanan.

Input tetap di perangkat ini. Setiap tool developer di TaskKit berjalan sepenuhnya di browser kamu. Token, payload, dan teks yang di-paste tidak ditransmisikan ke server TaskKit atau pihak ketiga.

Apa yang dilakukan tool ini

Mengonversi perintah cURL ke panggilan JavaScript fetch() dan sebaliknya. Method, header, body request, basic auth, dan cookie semuanya dipindahkan di kedua arah. Berguna saat kamu telah menyalin curl dari terminal kamu atau « Copy as cURL » devtools Chrome dan ingin menjadi kode, atau saat kamu ingin membagikan snippet fetch dengan seseorang yang browsernya tidak akan pernah kamu lihat.

Kapan menggunakannya

  • Menerjemahkan curl dari dokumen vendor ke client TypeScript kamu.
  • Mereproduksi request yang gagal dari laporan bug (« ini curl-nya ») di skrip Node.
  • Membagikan request dengan rekan kerja sebagai snippet fetch yang dapat mereka paste langsung ke console browser.
  • Menulis ulang fetch yang berfungsi sebagai curl untuk mengajukan bug dengan backend.

Cara kerjanya

Arah curl mem-parse input sebagai perintah shell — string yang ber-quote dihormati, kelanjutan baris (\) digabungkan, dan flag umum (-X, -H, -d, -u, -A, -e, -b) dikenali. -u user:pass ditulis ulang sebagai header Authorization: Basic sehingga berfungsi di client HTTP manapun.

Arah fetch membaca panggilan fetch() dan mengeluarkan URL, method, header, dan body. Itu adalah extractor berbasis regex, bukan parser JS, jadi literal string berfungsi tapi template literal dan nilai yang dikomputasi tidak.

Catatan

Fetch saya dengan template literal JSON tidak diterjemahkan. Benar — parser hanya membaca string literal. Ganti \{ "id": \${id} }`` dengan string yang teresolusi, atau lakukan konversi itu dulu.

Apakah --data-binary diperlakukan berbeda dari -d? Tidak. cURL membedakannya (satu mempertahankan newline, yang lain tidak), tapi untuk terjemahan fetch kami memperlakukan keduanya sebagai body request. Jika kamu bergantung pada semantik biner, kamu sudah melewati apa yang dapat diekspresikan fetch.

Bagaimana dengan HTTP/2 push, upload multipart, streaming? Di luar lingkup. Multipart adalah request paling umum — untuk itu, build FormData di kode daripada melalui tool ini.

Tools terkait