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

𝗗𝗶𝗮 𝟯𝟳 𝗱𝗲 𝗔𝗽𝗿𝗲𝗻𝗱𝗶𝘇𝗮𝗴𝗲𝗺 𝗱𝗮 𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸

Estou no dia 37 da minha jornada com a MERN stack.

Ontem, configurei rotas limpas para páginas como /about e /contact. Hoje, foquei na comunicação de dados no backend. Estudei o parsing de URLs e parâmetros de consulta.

Quando você pesquisa produtos em um site, o site envia dados através da URL. Frequentemente, você vê um texto extra após um ponto de interrogação na barra de endereços. Isso são dados de consulta.

Aprendi como usar o módulo url do Node.js para ler esses dados. O módulo transforma uma string de URL longa em um objeto estruturado.

Veja como os dados são decompostos:

• Pathname: Este é o local principal, como /search ou /api/products.
• Query: Estes são os pares chave-valor após o ponto de interrogação, como ?name=ali&id=7.

O módulo url torna esses dados fáceis de usar no seu código. Ele converte a string em um objeto JavaScript.

Exemplo de código:

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

Aprender a fazer o parsing de URLs ajuda você a construir sites dinâmicos. Agora você pode capturar a entrada do usuário diretamente do endereço web.

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