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 हेडर भेजता है। क्रेडेंशियल्स (कुकीज़) के लिए, credentials: 'include' जोड़ें। CORS सर्वर-साइड कोड पर लागू नहीं होता है — उसके लिए, हमारा curl to Node.js converter देखें।
JavaScript में JSON body के साथ POST request कैसे भेजें?
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 token authorization कैसे जोड़ें?
curl2code को curl -H "Authorization: Bearer YOUR_TOKEN" URL पास करें और यह auth हेडर के साथ fetch कोड जेनरेट करता है: headers: { 'Authorization': 'Bearer YOUR_TOKEN' }। curl2code -H "Authorization: Bearer ..." और --oauth2-bearer दोनों फ्लैग्स से Bearer tokens का पता लगाता है। 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 पर मैप करता है।