День 36 вивчення MERN Stack

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

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

Учора я створив свій перший локальний вебсервер. Сьогодні я зосередився на маршрутизації (routing) бекенду.

Маршрутизація вказує вашому серверу, як обробляти різні запити. Бекенд діє як регулювальник руху. Він вирішує, який контент показати, залежно від URL.

Я навчився використовувати властивість req.url. Ця властивість містить шлях, який користувач вводить у своєму браузері.

Ви використовуєте логічні умови, щоб спрямувати користувачів у потрібне місце.

Ось як працює ця логіка:

• Сервер перевіряє вхідний URL.
• Якщо URL — "/", сервер надсилає головну сторінку.
• Якщо URL — "/about", сервер надсилає сторінку "Про нас".
• Якщо URL нічому не відповідає, сервер надсилає помилку 404.

Цей процес дозволяє вашому застосунку залишатися організованим і функціональним.

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

const server = http.createServer((req, res) => {
    if (req.url === "/") {
        res.end("Welcome to the Homepage!");
    } else if (req.url === "/about") {
        res.end("This is the About Page detailing our stack.");
    } else {
        res.writeHead(404, { "Content-Type": "text/plain" });
        res.end("404: Page Not Found!");
    }
});

Джерело: https://dev.to/ali_hamza_589ec7b3eb6688d/day-36-of-learning-mern-stack-183m