Konversi curl ke JavaScript
curl2code mengonversi perintah curl ke kode JavaScript menggunakan fetch API bawaan. Semuanya berjalan secara lokal di peramban Anda melalui WebAssembly untuk privasi lengkap. Jika Anda memerlukan kode Node.js sisi server, coba konverter curl ke Node.js kami. Untuk keamanan tipe, lihat konverter curl ke TypeScript. Di bawah ini adalah contoh praktis untuk pola HTTP 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.
Pertanyaan yang Sering Diajukan
Apa itu Fetch API?
Fetch API adalah antarmuka modern berbasis promise yang terintegrasi di semua peramban untuk membuat permintaan HTTP. Ini menggantikan XMLHttpRequest yang lebih lama dengan API yang lebih bersih dan lebih kuat. Fetch mendukung streaming, objek permintaan/respons, CORS, dan terintegrasi secara alami dengan async/await. Tidak perlu instalasi — tersedia secara global. curl2code menggunakan Fetch sebagai output default untuk konversi JavaScript.
Fetch vs XMLHttpRequest vs jQuery.ajax — mana yang harus saya gunakan?
Fetch adalah standar modern — gunakan untuk proyek baru. XMLHttpRequest adalah warisan (legacy) tetapi masih berfungsi di mana-mana dan mendukung event progres secara asli. jQuery.ajax menambah kenyamanan jika jQuery sudah ada di proyek Anda. Untuk JavaScript sisi server, lihat konverter curl ke Node.js. Untuk keamanan tipe, coba curl ke TypeScript.
Bagaimana cara menangani autentikasi dengan Fetch?
Berikan header Authorization dalam opsi headers: fetch(url, { headers: { "Authorization": "Bearer token" } }). Untuk autentikasi Basic, enkode kredensial dengan btoa(user + ':' + pass). curl2code mendeteksi flag -u dan -H 'Authorization: ...' secara otomatis.
Bagaimana cara mengirim data formulir multipart dengan Fetch?
Buat objek FormData dan berikan sebagai body: fetch(url, { method: "POST", body: formData }). Jangan mengatur Content-Type secara manual — peramban akan menambahkan batas (boundary) multipart secara otomatis. curl2code mengonversi flag -F ke FormData.
Bagaimana cara menangani kesalahan dengan Fetch?
Fetch hanya menolak (reject) pada kegagalan jaringan, bukan kesalahan HTTP. Selalu periksa response.ok atau response.status sebelum membaca body. Bungkus panggilan dalam try/catch dengan async/await untuk menangani kesalahan jaringan dan penguraian di satu tempat.
Bagaimana cara menggunakan async/await dengan Fetch?
Fetch mengembalikan Promise, jadi gunakan const response = await fetch(url) diikuti oleh const data = await response.json(). Bungkus dalam blok try/catch untuk penanganan kesalahan. Ini lebih bersih daripada rantai .then() dan merupakan pola yang direkomendasikan untuk JavaScript modern.
Bagaimana cara mengatur batas waktu untuk permintaan Fetch?
Gunakan AbortController: buat pengontrol, berikan { signal: controller.signal } ke fetch, dan panggil controller.abort() setelah penundaan dengan setTimeout. Peramban modern juga mendukung AbortSignal.timeout(5000) sebagai satu baris yang lebih sederhana. Flag --max-time pada curl dipetakan ke pola ini.
Bagaimana cara menangani masalah CORS dengan Fetch?
CORS ditegakkan oleh peramban, bukan oleh Fetch itu sendiri. Atur mode: 'cors' (default) dan pastikan server mengirim header Access-Control-Allow-Origin yang tepat. Untuk kredensial (cookie), tambahkan credentials: 'include'. CORS tidak berlaku untuk kode sisi server — untuk itu, lihat konverter curl ke Node.js.
Bagaimana cara mengirim POST request dengan JSON body di JavaScript?
Konversi perintah curl POST seperti curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL ke JavaScript menggunakan curl2code. Kode yang dihasilkan menggunakan fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }). 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 JavaScript?
Masukkan curl -H "Authorization: Bearer YOUR_TOKEN" URL ke curl2code dan alat ini akan menghasilkan kode fetch dengan header auth: headers: { 'Authorization': 'Bearer YOUR_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 JavaScript?
curl2code mengonversi curl -H "Content-Type: application/json" URL ke kode fetch dengan header yang tepat: headers: { 'Content-Type': 'application/json' }. 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.