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

Tag 37 der MERN-Stack-Lernreise

Ich befinde mich an Tag 37 meiner MERN-Stack-Reise.

Gestern habe ich sauberes Routing für Seiten wie /about und /contact eingerichtet. Heute habe ich mich auf die Datenkommunikation im Backend konzentriert. Ich habe mich mit URL-Parsing und Query-Parametern beschäftigt.

Wenn man auf einer Website nach Produkten sucht, sendet die Website Daten über die URL. In der Adressleiste sieht man oft zusätzlichen Text nach einem Fragezeichen. Das sind Query-Daten.

Ich habe gelernt, wie man das Node.js url-Modul verwendet, um diese Daten auszulesen. Das Modul wandelt einen langen URL-String in ein strukturiertes Objekt um.

So werden die Daten aufgeschlüsselt:

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

Das url-Modul macht es einfach, diese Daten in deinem Code zu verwenden. Es konvertiert den String in ein JavaScript-Objekt.

Beispielcode:

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

Das Erlernen des URL-Parsings hilft dir dabei, dynamische Websites zu erstellen. Du kannst Benutzereingaben nun direkt aus der Webadresse erfassen.

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