Jour 37 de l'apprentissage de la stack MERN
J'en suis au 37ème jour de mon apprentissage de la stack MERN.
Hier, j'ai mis en place le routage structurel pour des pages comme /about et /contact. Aujourd'hui, je suis passé au développement backend. Je me suis concentré sur le parsing d'URL et les paramètres de requête.
Lorsque vous recherchez un produit sur un site web, les données se trouvent dans l'URL. J'ai appris à lire et à utiliser ces données dans Node.js.
Une URL est bien plus qu'une simple chaîne de caractères. C'est un objet structuré. Voici comment cela fonctionne :
- Pathname : Il s'agit de l'emplacement principal, tel que /search ou /api/products.
- Query : Ce sont les paires de données situées après le point d'interrogation, comme ?name=ali&id=7.
J'ai utilisé le module url pour décomposer ces adresses. Le parser transforme l'URL brute en un objet utilisable.
Voici le code que j'ai utilisé aujourd'hui :
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);
Cette méthode convertit le texte de la requête en un objet JavaScript propre. Cela rend la manipulation des données simple et efficace.
Source : https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758