𝗚𝗶𝗼𝗿𝗻𝗼 𝟯𝟳 𝗱𝗶 𝗔𝗽𝗽𝗿𝗲𝗻𝗱𝗶𝗺𝗲𝗻𝘁𝗼 𝗱𝗲𝗹𝗹𝗼 𝗦𝘁𝗮𝗰𝗸 𝗠𝗘𝗥𝗡
Sono al giorno 37 del mio percorso con lo stack MERN.
Ieri ho configurato un routing pulito per pagine come /about e /contact. Oggi mi sono concentrato sulla comunicazione dei dati nel backend. Ho studiato il parsing degli URL e i parametri di query.
Quando cerchi dei prodotti su un sito web, il sito invia i dati attraverso l'URL. Spesso vedrai del testo extra dopo un punto interrogativo nella barra degli indirizzi. Questi sono i dati di query.
Ho imparato a usare il modulo url di Node.js per leggere questi dati. Il modulo trasforma una lunga stringa URL in un oggetto strutturato.
Ecco come vengono suddivisi i dati:
- Pathname: Questa è la posizione principale, come /search o /api/products.
- Query: Queste sono le coppie chiave-valore dopo il punto interrogativo, come ?name=ali&id=7.
Il modulo url rende questi dati facili da usare nel tuo codice. Converte la stringa in un oggetto JavaScript.
Esempio di codice:
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);
Imparare a fare il parsing degli URL ti aiuta a costruire siti web dinamici. Ora puoi catturare l'input dell'utente direttamente dall'indirizzo web.
Fonte: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758