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

День 37 вивчення MERN stack

Я на 37-му дні свого шляху вивчення MERN stack.

Учора я налаштував чистий роутинг для таких сторінок, як /about та /contact. Сьогодні я зосередився на передачі даних на бекенді. Я вивчав парсинг URL та параметри запиту (query parameters).

Коли ви шукаєте товари на вебсайті, сайт передає дані через URL. У адресному рядку після знака питання часто можна побачити додатковий текст. Це дані запиту (query data).

Я дізнався, як використовувати модуль url у Node.js для читання цих даних. Модуль перетворює довгий рядок URL на структурований об'єкт.

Ось як розподіляються дані:

• Pathname: Це основне місцезнаходження, наприклад, /search або /api/products.
• Query: Це пари ключ-значення після знака питання, наприклад, ?name=ali&id=7.

Модуль url дозволяє легко використовувати ці дані у вашому коді. Він перетворює рядок на об'єкт JavaScript.

Приклад коду:

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

Вивчення парсингу URL допомагає створювати динамічні вебсайти. Тепер ви можете отримувати вхідні дані користувача безпосередньо з веб-адреси.

Джерело: https://dev.to/ali_hamza_589ec7b3eb6688d/day-37-of-learning-mern-stack-4758