हल: यूआरएल पैरामीटर पढ़ें

परिचय

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

टाइपस्क्रिप्ट में यूआरएल पैरामीटर पढ़ना

टाइपस्क्रिप्ट का उपयोग करके, कोई भी यूआरएल पैरामीटर को काफी सरल और सीधे तरीके से पार्स कर सकता है। इस कार्य को प्राप्त करने में मूलभूत बिल्डिंग ब्लॉक यह परिभाषित करने के लिए एक इंटरफ़ेस का उपयोग कर रहा है कि हमारे अपेक्षित यूआरएल पैरामीटर कैसे दिखेंगे।

interface UrlParameters {
  parameter1?: string;
  parameter2?: number;
  parameter3?: string;
}

URLखोजपरम, एक अंतर्निहित ब्राउज़र एपीआई, यूआरएल पैरामीटर पढ़ते समय काम में आता है। आइए इसे आगे जानें।

समाधान: बचाव के लिए यूआरएल खोज पैरामीटर

URLSearchParams के साथ, हम URL से पैरामीटर पढ़ सकते हैं। हम बस यूआरएल के क्वेरी-स्ट्रिंग हिस्से को इसके कंस्ट्रक्टर को पास करके इस क्लास का एक नया उदाहरण बनाते हैं।

const urlParameters: UrlParameters = {};
const params = new URLSearchParams(window.location.search);
for (let param of params) {
  urlParameters[param[0]] = param[1];
}

उपरोक्त कोड में, वर्तमान पृष्ठ के यूआरएल पैरामीटर का उपयोग करके एक नया URLSearchParams ऑब्जेक्ट बनाया गया है। फिर इन मापदंडों को लूप किया जाता है और हमारे UrlParameters ऑब्जेक्ट में जोड़ा जाता है। बड़ी बात यह है कि, URLSearchParams टाइपस्क्रिप्ट की मजबूत टाइपिंग सुविधाओं के साथ निर्बाध रूप से काम करता है।

कोड की चरण-दर-चरण व्याख्या

पहले चरण में, हम URL पैरामीटर के लिए एक इंटरफ़ेस परिभाषित करते हैं। कुंजियों के बाद प्रश्न चिह्न दर्शाता है कि ये पैरामीटर वैकल्पिक हैं।

• फिर, हम URL पैरामीटर्स (window.location.search से प्राप्त) को कंस्ट्रक्टर तक पहुंचाते हुए, URLSearchParams का एक नया उदाहरण बनाने के लिए आगे बढ़ते हैं। यह पैरामीटर्स को पार्स करने की प्रक्रिया को स्वचालित कर देगा।
• इसके बाद, URLSearchParams ऑब्जेक्ट पर एक for..of लूप शुरू किया जाता है। प्रत्येक पैरामीटर और उसका मान हमारे UrlParameters ऑब्जेक्ट में रखा गया है।

इस तरह, हम अपने पूरे कोड में पैरामीटर्स का उपयोग व्यवस्थित और टाइप-सुरक्षित तरीके से कर सकते हैं।

यूआरएल पैरामीटर्स को संभालने के लिए अतिरिक्त लाइब्रेरी

हालाँकि जावास्क्रिप्ट और एक्सटेंशन टाइपस्क्रिप्ट यूआरएल मापदंडों को संभालने के लिए अंतर्निहित तरीके प्रदान करते हैं, जैसे पुस्तकालय हैं क्वेरी स्ट्रिंग or js-यूआरएल जो अधिक व्यापक पार्सिंग विकल्प प्रदान करता है। ये लाइब्रेरी यूआरएल मापदंडों को अधिक व्यापक रूप से स्ट्रिंग करने, पार्स करने, निकालने या हेरफेर करने के तरीके प्रदान करती हैं।

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