MERN Stack سیکھنے کا 37واں دن

MERN Stack سیکھنے کا 37واں دن

میں اپنے MERN stack کے سفر کے 37ویں دن پر ہوں۔

کل، میں نے /about اور /contact جیسے صفحات کے لیے کلین روٹنگ (clean routing) سیٹ اپ کی۔ آج، میں نے بیک اینڈ ڈیٹا کمیونیکیشن (backend data communication) پر توجہ دی۔ میں نے URL parsing اور query parameters کا مطالعہ کیا۔

جب آپ کسی ویب سائٹ پر مصنوعات (products) تلاش کرتے ہیں، تو سائٹ URL کے ذریعے ڈیٹا بھیجتی ہے۔ آپ اکثر ایڈریس بار میں سوالیہ نشان کے بعد اضافی متن دیکھتے ہیں۔ یہ query ڈیٹا ہے۔

میں نے اس ڈیٹا کو پڑھنے کے لیے Node.js url module کا استعمال کرنا سیکھا۔ یہ ماڈیول ایک طویل URL string کو ایک منظم (structured) object میں تبدیل کر دیتا ہے۔

ڈیٹا کی تفصیل کچھ اس طرح ہے:

• Pathname: یہ اصل مقام ہے، جیسے کہ /search یا /api/products۔
• Query: یہ سوالیہ نشان کے بعد آنے والے key-value pairs ہیں، جیسے کہ ?name=ali&id=7۔

url module اس ڈیٹا کو آپ کے کوڈ میں استعمال کرنا آسان بنا دیتا ہے۔ یہ string کو JavaScript object میں تبدیل کر دیتا ہے۔

مثالی کوڈ:

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);

URLs کو parse کرنا سیکھنے سے آپ کو ڈائنامک ویب سائٹس بنانے میں مدد ملتی ہے۔ اب آپ ویب ایڈریس سے براہ راست صارف کی ان پٹ (user input) حاصل کر سکتے ہیں۔

Source: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758