วันที่ 36 ของการเรียนรู้ MERN Stack

ผมกำลังอยู่ในวันที่ 36 ของการเดินทางเรียนรู้ MERN stack

เมื่อวานผมได้สร้าง local web server ตัวแรก ส่วนวันนี้ผมเน้นไปที่เรื่อง backend routing

Routing คือสิ่งที่บอกเซิร์ฟเวอร์ว่าควรจัดการกับ request ต่างๆ อย่างไร โดย backend จะทำหน้าที่เหมือนผู้ควบคุมจราจร ซึ่งจะตัดสินใจว่าจะแสดงเนื้อหาใดโดยอิงจาก URL

ผมได้เรียนรู้วิธีการใช้ property req.url ซึ่ง property นี้จะเก็บ path ที่ผู้ใช้พิมพ์ลงใน browser

คุณต้องใช้เงื่อนไขทางตรรกะเพื่อส่งผู้ใช้ไปยังหน้าที่ถูกต้อง

นี่คือหลักการทำงานของตรรกะนี้:

กระบวนการนี้ช่วยให้แอปพลิเคชันของคุณเป็นระเบียบและทำงานได้อย่างถูกต้อง

ตัวอย่างโค้ด:

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