वीएस कोड के भीतर एक एपीआई कॉल करना आसान है, बस एक एक्सटेंशन इंस्टॉल करें, और फिर आपको काम पूरा करने के लिए किसी बाहरी उपकरण पर निर्भर नहीं रहना पड़ेगा।

विकास के दौरान, आपके लिए एपीआई से अनुरोध करना आम बात है। यह कुछ बाहरी एपीआई या आपके अपने बैकएंड सर्वर के एपीआई के लिए हो सकता है।

आप अपनी एपीआई कॉल करने के लिए पोस्टमैन जैसे तृतीय-पक्ष टूल का उपयोग कर सकते हैं। लेकिन एक वीएस कोड एक्सटेंशन आपको वीएस कोड के भीतर से ही एपीआई कॉल करने की अनुमति देता है। यहां, आप सीखेंगे कि वीएस कोड में एपीआई अनुरोध कैसे करें।

वीएस कोड रेस्ट क्लाइंट एक्सटेंशन

वीएस कोड में एक एक्सटेंशन एक प्लगइन या ऐड-ऑन है जो विज़ुअल स्टूडियो कोड एडिटर की कार्यक्षमता को बढ़ाता है। वीएस कोड एक्सटेंशन मार्केटप्लेस कई प्रकार के एक्सटेंशन प्रदान करता है जो आपके प्रोग्रामिंग कार्यों में आपकी सहायता कर सकते हैं। भाषा समर्थन जोड़ने के लिए एक एक्सटेंशन है। एक विशिष्ट प्रोग्रामिंग भाषा के लिए स्वत: पूर्ण प्रदान करने के लिए एक है और इसी तरह। एक्सटेंशन वीएस कोड के साथ प्रोग्राम करना आसान बनाता है.

REST क्लाइंट एक्सटेंशन आपको VS कोड के भीतर से API अनुरोधों को निष्पादित करने की अनुमति देता है। एक्सटेंशन में REST API संपादक शामिल है, एक विज़ुअल इंटरफ़ेस जो आपको API समापन बिंदुओं को क्वेरी करने देता है। यह कस्टम हेडर, क्वेरी पैरामीटर और कुछ अन्य पैरामीटर स्वीकार करता है।

instagram viewer

स्थापित करने के लिए रेस्ट क्लाइंट, VS कोड खोलें और पर क्लिक करें एक्सटेंशन टैब। निम्न को खोजें रेस्ट क्लाइंट और क्लिक करें स्थापित करना इसे वीएस कोड में जोड़ने के लिए बटन।

नीचे विवरण टैब में, आपको एपीआई अनुरोध करने के लिए क्लाइंट का उपयोग करने के तरीके पर एक उपयोगी ट्यूटोरियल मिलेगा। आइए चार सामान्य प्रकार के अनुरोध देखें और उन्हें REST क्लाइंट एक्सटेंशन का उपयोग करके कैसे करें।

हम प्रयोग करेंगे JSONप्लेसहोल्डर REST क्लाइंट एक्सटेंशन का उपयोग करके API कॉल करना प्रदर्शित करने के लिए। यह छह सामान्य संसाधन प्रदान करता है जिन्हें आप एपीआई अनुरोध करके पढ़ सकते हैं, संपादित कर सकते हैं, अपडेट कर सकते हैं या हटा सकते हैं।

REST क्लाइंट एक्सटेंशन का उपयोग करके GET अनुरोध करना

ए बनाकर शुरू करें ।एचटीटीपी आपके एपीआई अनुरोधों के लिए फ़ाइल। आप फ़ाइल को नाम दे सकते हैं myrequests.http.

निम्नलिखित कोड को अपने में जोड़ें myrequests.http JSONPlaceholder API से एक संसाधन प्राप्त करने के लिए फ़ाइल, जिसकी आईडी 1 है:

पाना https://jsonplaceholder.typicode.com/posts/1 एचटीटीपी/1.1

अनुरोध भेजने के लिए, क्लिक करें अनुरोध भेजा फ़ाइल के शीर्ष पर दिखाई देने वाला बटन। एक नई विंडो खुलेगी जिसमें प्रतिक्रिया विवरण होगा।

इस तरह आप VS कोड के अंदर GET रिक्वेस्ट करते हैं।

REST क्लाइंट एक्सटेंशन का उपयोग करके पोस्ट अनुरोध करना

जब आप सर्वर पर डेटा पोस्ट करना चाहते हैं, आमतौर पर एक नया संसाधन बनाने के लिए आप एक POST अनुरोध करते हैं।

JSONPlaceholder API में एक नया संसाधन बनाने के लिए, कोड को अपने में बदलें myrequests.http निम्नलिखित के साथ फाइल करें:

डाक https://jsonplaceholder.typicode.com/posts एचटीटीपी/1.1
सामग्री-प्रकार: "एप्लिकेशन/जेसन"
{
 "शीर्षक": "फू",
 "बॉडी": "बार",
 "उपयोगकर्ता आईडी": 1
}

क्लिक करें अनुरोध भेजा अनुरोध भेजने के लिए बटन। दोबारा, यह प्रतिक्रिया डेटा वाली एक नई विंडो खोलेगा। प्रतिक्रिया एक दिखाता है HTTP/1.1 201 बनाया गया एपीआई कॉल सफल होने पर अन्य डेटा के साथ संदेश और पोस्ट की आईडी।

{
 "आईडी": "101"
}

REST क्लाइंट एक्सटेंशन का उपयोग करके PUT अनुरोध करना

जब आप सर्वर पर डेटा अपडेट करना चाहते हैं तो आप PUT अनुरोध करते हैं।

JSONPlaceholder API में किसी मौजूदा संसाधन को अपडेट करने के लिए, कोड को अपने में बदलें myrequests.http निम्नलिखित के साथ फाइल करें:

रखना https://jsonplaceholder.typicode.com/posts/1 एचटीटीपी/1.1
सामग्री-प्रकार: "एप्लिकेशन/जेसन"
{
 "शीर्षक": "नया फू",
 "बॉडी": "न्यू बार",
 "उपयोगकर्ता आईडी": 1
}

रिक्वेस्ट भेजने के बाद, रिसोर्स मॉक सर्वर पर अपडेट हो जाएगा और आपको एक HTTP/1.1 200 ठीक है संदेश।

REST क्लाइंट एक्सटेंशन का उपयोग करके PATCH अनुरोध करना

आप एक PATCH अनुरोध तब करते हैं जब आप सर्वर पर किसी दिए गए संसाधन की किसी विशेष फ़ील्ड या गुण को संशोधित करना चाहते हैं।

नकली सर्वर में मौजूदा संसाधन का केवल शीर्षक अपडेट करने के लिए, कोड को अपने myrequests.http निम्नलिखित के साथ फाइल करें:

https://jsonplaceholder.typicode.com/posts/1 एचटीटीपी/1.1 
सामग्री-प्रकार: "एप्लिकेशन/जेसन"
{
 "शीर्षक": "एक और फू"
}

आपके अनुरोध करने के बाद, संसाधन शीर्षक नकली सर्वर पर अपडेट किया जाएगा और आपको एक HTTP/1.1 200 ठीक है संसाधन के अन्य डेटा के साथ संदेश।

REST क्लाइंट एक्सटेंशन का उपयोग करके DELETE अनुरोध करना

जब आप सर्वर पर किसी संसाधन को हटाना चाहते हैं तो आप DELETE अनुरोध करते हैं।

नकली सर्वर में किसी मौजूदा संसाधन को हटाने के लिए, कोड को अपने myrequests.http निम्नलिखित के साथ फाइल करें:

मिटाना https://jsonplaceholder.typicode.com/posts/1 एचटीटीपी/1.1

यहां ही सामग्री प्रकार आवश्यक नहीं है, और न ही डेटा ऑब्जेक्ट है। यदि आप अनुरोध भेजते हैं और संसाधन को सफलतापूर्वक हटाते हैं, तो आपको एक प्राप्त करना चाहिए HTTP/1.1 200 ठीक है एक खाली वस्तु के साथ प्रतिक्रिया।

वीएस कोड के अंदर से ही एपीआई कॉल करें

पहले, आपने तृतीय-पक्ष टूल का उपयोग किया होगा जैसे डाकिया एपीआई अनुरोध करने के लिए. जबकि ये उपकरण अच्छी तरह से काम करते हैं, उन्हें स्थापित करने में समय लगता है। उदाहरण के लिए, एपीआई एक्सप्लोरर का उपयोग करने के लिए आपके पास पोस्टमैन के साथ एक खाता होना चाहिए।

हालांकि वहां ऐसा है कई ऑनलाइन एपीआई परीक्षण उपकरण, लेकिन REST क्लाइंट जैसे एक्सटेंशन के साथ, API का परीक्षण बहुत तेज़ और आसान है। आप अपने वीएस कोड संपादक के अंदर से ही किसी भी एपीआई का परीक्षण कर सकते हैं। यह विशेष रूप से उपयोगी है यदि आप स्थानीय रूप से एपीआई विकसित कर रहे हैं और फ्लाई पर अपने स्थानीय एपीआई का परीक्षण करना चाहते हैं।

अन्य एपीआई परीक्षण वीएस कोड एक्सटेंशन

रेस्ट क्लाइंट का उपयोग करना आसान है। लेकिन, यह एपीआई के परीक्षण के लिए केवल वीएस कोड एक्सटेंशन नहीं है। अन्य लोकप्रिय विकल्प थंडर क्लाइंट, httpYak और httpBook हैं।

थंडर क्लाइंट एपीआई अनुरोधों को आसान बनाने के लिए एक विज़ुअल एपीआई संपादक प्रदान करता है। बेशक, आपको यह जानना होगा कि इन उपकरणों का उपयोग करने के लिए REST API क्या है।