curl komutunu JavaScript diline dönüştür

Fetch API, HTTP istekleri yapmak için tüm tarayıcılarda yerleşik olarak bulunan modern, promise tabanlı bir arayüzdür. Eski XMLHttpRequest yapısını daha temiz ve daha güçlü bir API ile değiştirir. Fetch; akışları, istek/yanıt nesnelerini, CORS'u destekler ve async/await ile doğal bir şekilde entegre olur. Kurulum gerektirmez — küresel olarak mevcuttur. curl2code, JavaScript dönüşümleri için varsayılan çıktı olarak Fetch'i kullanır.

Fetch modern standarttır — yeni projeler için bunu kullanın. XMLHttpRequest eskidir ancak hala her yerde çalışır ve ilerleme olaylarını (progress events) yerel olarak destekler. jQuery.ajax, projenizde zaten jQuery varsa kolaylık sağlar. Sunucu tarafı JavaScript için curl'den Node.js'e dönüştürücümüze bakın. Tip güvenliği için curl'den TypeScript'e dönüştürmeyi deneyin.

Authorization seçeneğinde bir headers başlığı geçirin: fetch(url, { headers: { "Authorization": "Bearer token" } }). Basic kimlik doğrulaması için kimlik bilgilerini btoa(user + ':' + pass) ile kodlayın. curl2code, -u ve -H 'Authorization: ...' bayraklarını otomatik olarak algılar.

Bir FormData nesnesi oluşturun ve bunu gövde olarak geçirin: fetch(url, { method: "POST", body: formData }). Content-Type başlığını manuel olarak ayarlamayın — tarayıcı multipart sınırını otomatik olarak ekler. curl2code, -F bayraklarını FormData'ya dönüştürür.

Fetch yalnızca ağ arızalarında reddedilir (reject), HTTP hatalarında değil. Gövdeyi okumadan önce her zaman response.ok veya response.status değerini kontrol edin. Hem ağ hem de ayrıştırma hatalarını tek bir yerde yönetmek için çağrıları try/catch ile async/await içine alın.

Fetch bir Promise döndürür, bu nedenle const response = await fetch(url) ve ardından const data = await response.json() kullanın. Hata yönetimi için bir try/catch bloğuna alın. Bu, .then() zincirlerinden daha temizdir ve modern JavaScript için önerilen kalıptır.

AbortController kullanın: bir denetleyici oluşturun, fetch'e { signal: controller.signal } geçirin ve controller.abort() ile bir gecikmeden sonra setTimeout çağırın. Modern tarayıcılar ayrıca daha basit bir tek satırlık çözüm olarak AbortSignal.timeout(5000) destekler. curl'ün --max-time seçeneği bu kalıpla eşleşir.

CORS, Fetch'in kendisi tarafından değil, tarayıcı tarafından uygulanır. mode: 'cors' (varsayılan) olarak ayarlayın ve sunucunun uygun Access-Control-Allow-Origin başlıklarını gönderdiğinden emin olun. Kimlik bilgileri (çerezler) için credentials: 'include' ekleyin. CORS, sunucu tarafı kodları için geçerli değildir — bunun için curl'den Node.js'e dönüştürücümüze bakın.

curl2code kullanarak curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL gibi bir curl POST komutunu JavaScript koduna dönüştürün. Üretilen kod fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }) kullanır. curl2code, JSON içeriğine sahip -d/--data bayraklarını otomatik olarak algılar ve fetch kodunda uygun Content-Type başlığını ayarlar.

curl2code aracına curl -H "Authorization: Bearer YOUR_TOKEN" URL komutunu iletin; araç, yetkilendirme başlığı içeren fetch kodunu üretecektir: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. curl2code, hem -H "Authorization: Bearer ..." hem de --oauth2-bearer bayraklarından Bearer token değerlerini algılar. Basic auth için -u user:pass kullanın.

curl2code, curl -H "Content-Type: application/json" URL komutunu uygun başlığa sahip fetch koduna dönüştürür: headers: { 'Content-Type': 'application/json' }. -d verisi için curl varsayılan olarak application/x-www-form-urlencoded kullanır; -F form yüklemeleri için multipart/form-data kullanır. curl2code her birini doğru fetch API eşlemesine aktarır.