Axios

Axios क्या है?

Axios एक लोकप्रिय Promise-आधारित HTTP-क्लाइंट है जो ब्राउज़र और Node.js के लिए TypeScript में लिखा गया है। यह HTTP-अनुरोधों को निष्पादित करने के लिए एक सुविधाजनक और शक्तिशाली इंटरफ़ेस प्रदान करता है, जो इंटरसेप्टर, JSON-डेटा का स्वचालित रूपांतरण और CSRF से सुरक्षा का समर्थन करता है। यह लाइब्रेरी आधुनिक वेब एप्लिकेशन के लिए आदर्श है जहाँ REST API के साथ लचीले काम की आवश्यकता होती है।

Axios की आवश्यकता क्यों है?

बिल्ट-इन fetch के विपरीत, Axios स्वचालित रूप से JSON को पार्स करता है, HTTP-स्टेटस त्रुटियों (जैसे, 404 या 500) को अपवादों के रूप में संभालता है, अनुरोधों को रद्द करने और लोडिंग प्रोग्रेस-बार का समर्थन करता है। TypeScript प्रोजेक्ट्स के लिए, Axios प्रतिक्रियाओं और अनुरोधों के लिए सख्त टाइपिंग प्रदान करता है, जो विकास को सरल बनाता है और बग की संख्या को कम करता है। यदि आप TypeScript में लिख रहे हैं और API के साथ काम कर रहे हैं, तो Axios एक मानक विकल्प है।

स्थापना (Installation)

npm install axios

TypeScript प्रोजेक्ट्स के लिए, टाइप्स पहले से ही पैकेज में शामिल हैं, @types/axios को अतिरिक्त रूप से स्थापित करने की आवश्यकता नहीं है।

मुख्य कार्यक्षमताएँ

• सभी HTTP-मेथड का समर्थन: GET, POST, PUT, DELETE, PATCH और अन्य।
• स्वचालित डेटा रूपांतरण: प्रतिक्रियाएँ स्वचालित रूप से JSON में पार्स हो जाती हैं, और अनुरोध ऑब्जेक्ट सीरियलाइज़ हो जाते हैं।
• इंटरसेप्टर: अनुरोध भेजने से पहले या प्रतिक्रिया प्राप्त करने के बाद लॉजिक जोड़ा जा सकता है (उदाहरण के लिए, प्रमाणीकरण टोकन जोड़ने के लिए)।
• अनुरोध रद्द करना: CancelToken या AbortController के माध्यम से।
• टाइम-आउट और प्रोग्रेस: प्रतीक्षा समय का कॉन्फ़िगरेशन और अपलोड/डाउनलोड प्रोग्रेस पर नज़र रखना।
• सख्त टाइपिंग: प्रतिक्रिया बॉडी की टाइपिंग के लिए जेनेरिक का समर्थन।

TypeScript में कोड उदाहरण

import axios, { AxiosResponse } from 'axios';

interface User {  id: number;  name: string;  email: string;}

async function fetchUser(id: number): Promise<User> {  try {    const response: AxiosResponse<User> = await axios.get<User>(`https://api.example.com/users/${id}`);    return response.data;  } catch (error) {    if (axios.isAxiosError(error)) {      console.error('Axios error:', error.message);    } else {      console.error('Unexpected error:', error);    }    throw error;  }}

// उपयोगfetchUser(1).then(user => console.log(user.name));

Axios का उपयोग कब करें

Axios किसी भी TypeScript प्रोजेक्ट के लिए आदर्श है जहाँ HTTP-सर्वरों के साथ इंटरैक्शन की आवश्यकता होती है: सरल SPA से लेकर Node.js पर जटिल सर्वर-साइड एप्लिकेशन तक। यह विशेष रूप से तब उपयोगी होता है जब उन्नत त्रुटि प्रबंधन, स्वचालित डेटा सीरियलाइज़ेशन या कई API के साथ काम करने की आवश्यकता होती है। यदि आप React, Vue या Angular का उपयोग कर रहे हैं, तो Axios इंटरसेप्टर और अनुरोध रद्द करने के समर्थन के कारण उनके साथ आसानी से एकीकृत हो जाता है।

यह लाइब्रेरी सक्रिय रूप से समर्थित है, इसका एक विशाल समुदाय है और इसका उपयोग हजारों प्रोजेक्ट्स में किया जाता है। Axios एक परिपक्व और स्थिर समाधान है जिसे अतिरिक्त निर्भरताओं की आवश्यकता नहीं होती है।