curl konvertálása JavaScript nyelvre

A Fetch API egy modern, Promise-alapú felület, amely minden böngészőbe be van építve HTTP kérések indításához. A régebbi XMLHttpRequest-et váltja fel egy tisztább, erőteljesebb API-val. A Fetch támogatja a streaminget, a kérés/válasz objektumokat, a CORS-t, és természetesen integrálódik az async/await szerkezettel. Nincs szükség telepítésre — globálisan elérhető. A curl2code a Fetch-et használja alapértelmezett kimenetként a JavaScript konverziókhoz.

A Fetch a modern szabvány — új projektekhez ezt használja. Az XMLHttpRequest örökölt technológia, de még mindenhol működik, és natívan támogatja a folyamatjelző (progress) eseményeket. A jQuery.ajax kényelmi funkciókat ad, ha a jQuery már a projekt része. Szerveroldali JavaScripthez tekintse meg a curl to Node.js konverterünket. Típusbiztonsághoz próbálja ki a curl to TypeScript lehetőséget.

Adjon át egy Authorization fejlécet a headers opcióban: fetch(url, { headers: { "Authorization": "Bearer token" } }). Basic auth esetén kódolja a hitelesítő adatokat a btoa(user + ':' + pass) függvénnyel. A curl2code automatikusan felismeri a -u és -H 'Authorization: ...' jelzőket.

Hozzon létre egy FormData objektumot, és adja át törzsként: fetch(url, { method: "POST", body: formData }). Ne állítsa be manuálisan a Content-Type fejlécet — a böngésző automatikusan hozzáadja a multipart határvonalat (boundary). A curl2code a -F jelzőket FormData-vá konvertálja.

A Fetch csak hálózati hiba esetén utasítja el (reject) a Promise-t, HTTP hiba esetén nem. Mindig ellenőrizze a response.ok vagy response.status értéket a törzs beolvasása előtt. Csomagolja a hívásokat try/catch blokkba async/await használatával a hálózati és feldolgozási hibák egy helyen történő kezeléséhez.

A Fetch Promise-t ad vissza, így használja a const response = await fetch(url), majd a const data = await response.json() formát. Hibakezeléshez csomagolja try/catch blokkba. Ez tisztább, mint a .then() láncolat, és ez a javasolt minta a modern JavaScriptben.

Használja az AbortController-t: hozzon létre egy vezérlőt, adja át a { signal: controller.signal } értéket a fetch-nek, és hívja meg a controller.abort() metódust egy setTimeout késleltetés után. A modern böngészők támogatják az AbortSignal.timeout(5000) egyszerűbb, egysoros megoldást is. A curl --max-time kapcsolója erre a mintára képeződik le.

A CORS-t a böngésző kényszeríti ki, nem maga a Fetch. Állítsa be a mode: 'cors' értéket (ez az alapértelmezett), és biztosítsa, hogy a szerver megfelelő Access-Control-Allow-Origin fejléceket küldjön. Hitelesítő adatokhoz (sütik) adja hozzá a credentials: 'include' opciót. A CORS nem vonatkozik a szerveroldali kódra — ehhez lásd a curl to Node.js konverterünket.

Konvertáljon egy olyan curl POST parancsot, mint a curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL, JavaScript kódra a curl2code segítségével. A generált kód a fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }) megoldást használja. A curl2code automatikusan felismeri a JSON tartalmú -d/--data flageket, és beállítja a megfelelő Content-Type fejlécet a fetch kódban.

Adja át a curl -H "Authorization: Bearer YOUR_TOKEN" URL parancsot a curl2code eszköznek, és az legenerálja a fetch kódot az auth fejléccel: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }. A curl2code felismeri a Bearer tokeneket a -H "Authorization: Bearer ..." és a --oauth2-bearer flagekből is. Basic auth esetén használja a -u user:pass kapcsolót.

A curl2code a curl -H "Content-Type: application/json" URL parancsot a megfelelő fejléccel ellátott fetch kódra konvertálja: headers: { 'Content-Type': 'application/json' }. A -d adatoknál a curl alapértelmezés szerint az application/x-www-form-urlencoded értéket használja; a -F űrlapfeltöltéseknél pedig a multipart/form-data értéket. A curl2code mindegyiket a megfelelő fetch API-hoz rendeli.