יום 37 של למידת MERN Stack

יום 37 בלימוד MERN Stack

אני ביום ה-37 במסע שלי בלימוד MERN stack.

אתמול הגדרתי ניתוב (routing) נקי עבור דפים כמו /about ו-/contact. היום התמקדתי בתקשורת נתונים ב-backend. למדתי על ניתוח URL (URL parsing) ועל פרמטרי שאילתה (query parameters).

כשמחפשים מוצרים באתר אינטרנט, האתר שולח נתונים דרך ה-URL. לעיתים קרובות רואים טקסט נוסף אחרי סימן שאלה בשורת הכתובת. זהו מידע שאילתה (query data).

למדתי איך להשתמש במודול ה-url של Node.js כדי לקרוא את הנתונים האלו. המודול הופך מחרוזת URL ארוכה לאובייקט מובנה.

כך הנתונים מתפרקים:

• Pathname: זהו המיקום העיקרי, כמו /search או /api/products.
• Query: אלו הם זוגות מפתח-ערך (key-value pairs) המופיעים אחרי סימן השאלה, כמו ?name=ali&id=7.

מודול ה-url הופך את הנתונים האלו לקלים לשימוש בקוד שלך. הוא ממיר את המחרוזת לאובייקט JavaScript.

קוד לדוגמה:

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

למידה של ניתוח (parsing) כתובות URL עוזרת בבניית אתרים דינמיים. כעת ניתן לתפוס קלט של משתמשים ישירות מכתובת האינטרנט.

מקור: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758