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 un routage propre pour des pages comme /about et /contact. Aujourd'hui, je me suis concentré sur la communication des données côté backend. J'ai étudié l'analyse d'URL et les paramètres de requête.
Lorsque vous recherchez des produits sur un site web, le site envoie des données via l'URL. Vous voyez souvent du texte supplémentaire après un point d'interrogation dans la barre d'adresse. Il s'agit de données de requête.
J'ai appris à utiliser le module url de Node.js pour lire ces données. Le module transforme une longue chaîne d'URL en un objet structuré.
Voici comment les données se décomposent :
- Pathname : Il s'agit de l'emplacement principal, tel que /search ou /api/products.
- Query : Ce sont les paires clé-valeur après le point d'interrogation, comme ?name=ali&id=7.
Le module url facilite l'utilisation de ces données dans votre code. Il convertit la chaîne de caractères en un objet JavaScript.
Exemple de code :
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);
Apprendre à analyser les URL vous aide à construire des sites web dynamiques. Vous pouvez désormais capturer les entrées de l'utilisateur directement depuis l'adresse web.
Source: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758