Dag 37 van het leren van de MERN stack

Ik zit op dag 37 van mijn MERN stack-traject.

Gisteren heb ik schone routing ingesteld voor pagina's zoals /about en /contact. Vandaag heb ik me gericht op backend-datacommunicatie. Ik heb URL-parsing en queryparameters bestudeerd.

Wanneer je naar producten zoekt op een website, stuurt de site gegevens via de URL. Je ziet vaak extra tekst na een vraagteken in de adresbalk. Dit zijn query-gegevens.

Ik heb geleerd hoe ik de Node.js url-module kan gebruiken om deze gegevens te lezen. De module zet een lange URL-string om in een gestructureerd object.

Hier is hoe de gegevens zijn opgebouwd:

De url-module maakt deze gegevens gemakkelijk te gebruiken in je code. Het zet de string om in een JavaScript-object.

Voorbeeldcode:

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

Het leren parsen van URL's helpt je bij het bouwen van dynamische websites. Je kunt nu gebruikersinvoer direct uit het webadres opvangen.

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