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

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

Saya kini berada di hari ke-36 dalam perjalanan MERN stack saya.

Semalam saya membina pelayan web tempatan pertama saya. Hari ini saya memberi tumpuan kepada backend routing.

Routing memberitahu pelayan anda cara untuk mengendalikan permintaan yang berbeza. Backend bertindak sebagai pengawal trafik. Ia menentukan kandungan mana yang perlu dipaparkan berdasarkan URL.

Saya belajar cara menggunakan properti req.url. Properti ini menyimpan laluan (path) yang ditaip oleh pengguna ke dalam pelayar mereka.

Anda menggunakan syarat logik untuk menghantar pengguna ke tempat yang betul.

Begini cara logik tersebut berfungsi:

• Pelayan menyemak URL yang masuk.
• Jika URL ialah "/", pelayan menghantar laman utama.
• Jika URL ialah "/about", pelayan menghantar laman tentang.
• Jika URL tidak sepadan dengan apa-apa, pelayan menghantar ralat 404.

Proses ini memastikan aplikasi anda teratur dan berfungsi.

Contoh kod:

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!");
    }
});

Sumber: https://dev.to/ali_hamza_589ec7b3eb6688d/day-36-of-learning-mern-stack-183m