MERN Stack सीखने का 37वाँ दिन

MERN Stack सीखने का 37वाँ दिन

मैं अपनी MERN stack यात्रा के 37वें दिन पर हूँ।

कल मैंने /about और /contact जैसे पेजों के लिए स्ट्रक्चरल राउटिंग (structural routing) सेट की थी। आज मैंने बैकएंड डेवलपमेंट (backend development) पर काम करना शुरू किया। मेरा ध्यान URL पार्सिंग और क्वेरी पैरामीटर्स पर था।

जब आप किसी वेबसाइट पर किसी प्रोडक्ट को सर्च करते हैं, तो वह डेटा URL में होता है। मैंने सीखा कि Node.js में इस डेटा को कैसे पढ़ा और इस्तेमाल किया जाता है।

एक URL केवल टेक्स्ट की एक स्ट्रिंग नहीं है। यह एक स्ट्रक्चर्ड ऑब्जेक्ट है। यह इस प्रकार काम करता है:

• Pathname: यह मुख्य लोकेशन है, जैसे कि /search या /api/products।
• Query: ये प्रश्न चिह्न (?) के बाद आने वाले डेटा पेयर्स हैं, जैसे कि ?name=ali&id=7।

मैंने इन एड्रेस को अलग करने के लिए url मॉड्यूल का उपयोग किया। पार्सर रॉ URL को एक उपयोगी ऑब्जेक्ट में बदल देता है।

यहाँ वह कोड है जिसका मैंने आज उपयोग किया:

const http = require("http");
const url = require("url");

const server = http.createServer((req, res) => {
    let parsedUrl = url.parse(req.url, true); 
    let pathname = parsedUrl.pathname;
    let queryData = parsedUrl.query;

    if (pathname === "/search") {
        res.writeHead(200, { "Content-Type": "text/plain" });
        res.end(`Searching logs for user: ${queryData.name} with ID: ${queryData.id}`);
    } else {
        res.end("Standard Endpoint View");
    }
});
server.listen(8000);

यह तरीका क्वेरी टेक्स्ट को एक साफ़ JavaScript ऑब्जेक्ट में बदल देता है। इससे डेटा हैंडलिंग सरल और कुशल हो जाती है।

स्रोत: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758