curl کو JavaScript میں تبدیل کریں
curl2code نیٹو fetch API کا استعمال کرتے ہوئے curl کمانڈز کو JavaScript کوڈ میں تبدیل کرتا ہے۔ مکمل رازداری کے لیے سب کچھ WebAssembly کے ذریعے آپ کے براؤزر میں مقامی طور پر چلتا ہے۔ اگر آپ کو سرور سائیڈ Node.js کوڈ کی ضرورت ہے، تو ہمارا curl to Node.js کنورٹر آزمائیں۔ ٹائپ سیفٹی کے لیے، curl to TypeScript کنورٹر دیکھیں۔ نیچے عام HTTP پیٹرنز کے لیے عملی مثالیں دی گئی ہیں۔
اپنے براؤزر سے curl کاپی کرنے کا طریقہ
- 1
DevTools کھولیں
اپنے براؤزر کے ڈویلپر ٹولز کھولنے کے لیے F12 یا Ctrl+Shift+I دبائیں۔
- 2
Network ٹیب پر جائیں
Network ٹیب پر کلک کریں اور وہ عمل کریں جو HTTP درخواست کو متحرک کرتا ہے۔
- 3
cURL کے طور پر کاپی کریں
درخواست پر رائٹ کلک کریں ← Copy ← Copy as cURL۔ پھر اسے اوپر پیسٹ کریں۔
اکثر پوچھے جانے والے سوالات
Fetch API کیا ہے؟
Fetch API ایک جدید، پرومس پر مبنی انٹرفیس ہے جو تمام براؤزرز میں HTTP درخواستیں کرنے کے لیے بلٹ ان ہے۔ یہ پرانے XMLHttpRequest کو ایک صاف ستھرے اور زیادہ طاقتور API سے بدل دیتا ہے۔ Fetch اسٹریمنگ، درخواست/جواب آبجیکٹس، CORS کو سپورٹ کرتا ہے اور async/await کے ساتھ قدرتی طور پر مربوط ہوتا ہے۔ کسی انسٹالیشن کی ضرورت نہیں ہے — یہ عالمی سطح پر دستیاب ہے۔ curl2code، JavaScript کی تبدیلیوں کے لیے Fetch کو ڈیفالٹ آؤٹ پٹ کے طور پر استعمال کرتا ہے۔
Fetch بمقابلہ XMLHttpRequest بمقابلہ jQuery.ajax — مجھے کون سا استعمال کرنا چاہیے؟
Fetch جدید معیار ہے — اسے نئے پروجیکٹس کے لیے استعمال کریں۔ XMLHttpRequest پرانا ہے لیکن اب بھی ہر جگہ کام کرتا ہے اور مقامی طور پر پروگریس ایونٹس کو سپورٹ کرتا ہے۔ اگر آپ کے پروجیکٹ میں پہلے سے jQuery موجود ہے تو jQuery.ajax سہولت فراہم کرتا ہے۔ سرور سائیڈ JavaScript کے لیے، ہمارا curl to Node.js converter دیکھیں۔ ٹائپ سیفٹی کے لیے، curl to TypeScript آزمائیں۔
Fetch کے ساتھ توثیق (authentication) کو کیسے سنبھالا جائے؟
Authorization آپشن میں headers ہیڈر پاس کریں: fetch(url, { headers: { "Authorization": "Bearer token" } })۔ Basic auth کے لیے، btoa(user + ':' + pass) کے ساتھ اسناد کو انکوڈ کریں۔ curl2code خودکار طور پر -u اور -H 'Authorization: ...' فلیگز کا پتہ لگاتا ہے۔
Fetch کے ساتھ ملٹی پارٹ فارم ڈیٹا کیسے بھیجا جائے؟
ایک FormData آبجیکٹ بنائیں اور اسے باڈی کے طور پر پاس کریں: fetch(url, { method: "POST", body: formData })۔ Content-Type کو دستی طور پر سیٹ نہ کریں — براؤزر خودکار طور پر ملٹی پارٹ باؤنڈری شامل کر دیتا ہے۔ curl2code، -F فلیگز کو FormData میں تبدیل کرتا ہے۔
Fetch کے ساتھ غلطیوں (errors) کو کیسے سنبھالا جائے؟
Fetch صرف نیٹ ورک کی ناکامیوں پر ریجیکٹ ہوتا ہے، HTTP غلطیوں پر نہیں۔ باڈی پڑھنے سے پہلے ہمیشہ response.ok یا response.status چیک کریں۔ نیٹ ورک اور پارسنگ دونوں غلطیوں کو ایک ہی جگہ سنبھالنے کے لیے try/catch کے ساتھ کالز کو async/await میں لپیٹیں۔
Fetch کے ساتھ async/await کیسے استعمال کریں؟
Fetch ایک Promise واپس کرتا ہے، لہذا const response = await fetch(url) اور اس کے بعد const data = await response.json() استعمال کریں۔ غلطیوں کو سنبھالنے کے لیے اسے try/catch بلاک میں لپیٹیں۔ یہ .then() چینز سے زیادہ صاف ستھرا ہے اور جدید JavaScript کے لیے تجویز کردہ پیٹرن ہے۔
Fetch درخواستوں کے لیے ٹائم آؤٹ کیسے سیٹ کریں؟
AbortController استعمال کریں: ایک کنٹرولر بنائیں، fetch کو { signal: controller.signal } پاس کریں، اور controller.abort() کے ساتھ تاخیر کے بعد setTimeout کو کال کریں۔ جدید براؤزرز ایک سادہ ون لائنر کے طور پر AbortSignal.timeout(5000) کو بھی سپورٹ کرتے ہیں۔ curl کا --max-time اس پیٹرن کے مطابق ہے۔
Fetch کے ساتھ CORS کے مسائل کو کیسے سنبھالا جائے؟
CORS براؤزر کے ذریعے نافذ کیا جاتا ہے، خود Fetch کے ذریعے نہیں۔ mode: 'cors' (ڈیفالٹ) سیٹ کریں اور یقینی بنائیں کہ سرور مناسب Access-Control-Allow-Origin ہیڈرز بھیجتا ہے۔ اسناد (cookies) کے لیے، credentials: 'include' شامل کریں۔ CORS سرور سائیڈ کوڈ پر لاگو نہیں ہوتا — اس کے لیے، ہمارا curl to Node.js converter دیکھیں۔
JavaScript میں JSON باڈی کے ساتھ POST درخواست کیسے بھیجیں؟
curl2code کا استعمال کرتے ہوئے curl -X POST -H "Content-Type: application/json" -d '{"key":"value"}' URL جیسی curl POST کمانڈ کو JavaScript میں تبدیل کریں۔ تیار کردہ کوڈ fetch(url, { method: 'POST', body: JSON.stringify(data), headers: {'Content-Type': 'application/json'} }) استعمال کرتا ہے۔ curl2code خودکار طور پر JSON مواد کے ساتھ -d/--data فلیگز کا پتہ لگاتا ہے اور fetch کوڈ میں مناسب Content-Type ہیڈر سیٹ کرتا ہے۔
JavaScript میں Bearer ٹوکن کی اجازت کیسے شامل کریں؟
curl2code کو curl -H "Authorization: Bearer YOUR_TOKEN" URL فراہم کریں اور یہ auth ہیڈر کے ساتھ fetch کوڈ تیار کرتا ہے: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }۔ curl2code دونوں -H "Authorization: Bearer ..." اور --oauth2-bearer فلیگز سے Bearer ٹوکنز کا پتہ لگاتا ہے۔ Basic auth کے لیے، -u user:pass استعمال کریں۔
JavaScript میں Content-Type ہیڈر کیسے سیٹ کریں؟
curl2code curl -H "Content-Type: application/json" URL کو مناسب ہیڈر کے ساتھ fetch کوڈ میں تبدیل کرتا ہے: headers: { 'Content-Type': 'application/json' }۔ -d ڈیٹا کے لیے، curl ڈیفالٹ طور پر application/x-www-form-urlencoded استعمال کرتا ہے؛ -F فارم اپ لوڈز کے لیے، یہ multipart/form-data استعمال کرتا ہے۔ curl2code ہر ایک کو درست fetch API کے ساتھ میپ کرتا ہے۔