𝗗𝗮𝘆 𝟯𝟳 𝗼𝗳 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴 𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸

Tag 37 des Lernens des MERN-Stacks

Ich bin an Tag 37 meiner MERN-Stack-Reise.

Gestern habe ich das strukturelle Routing für Seiten wie /about und /contact eingerichtet. Heute habe ich mit der Backend-Entwicklung begonnen. Ich habe mich auf das URL-Parsing und Query-Parameter konzentriert.

Wenn man auf einer Website nach einem Produkt sucht, liegen die Daten in der URL. Ich habe gelernt, wie man diese Daten in Node.js ausliest und verwendet.

Eine URL ist mehr als nur eine Textzeichenfolge. Sie ist ein strukturiertes Objekt. So funktioniert es:

• Pathname: Dies ist der Hauptpfad, wie zum Beispiel /search oder /api/products.
• Query: Dies sind die Datenpaare nach dem Fragezeichen, wie zum Beispiel ?name=ali&id=7.

Ich habe das url-Modul verwendet, um diese Adressen aufzuschlüsseln. Der Parser wandelt die rohe URL in ein nutzbares Objekt um.

Hier ist der Code, den ich heute verwendet habe:

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

Diese Methode wandelt den Query-Text in ein sauberes JavaScript-Objekt um. Das macht die Datenverarbeitung einfach und effizient.

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