جعلها وظيفية

تعرف على كيفية تقديم صفحات متعددة باستخدام خادم HTTP.

سنغطي ما يلي...

إنشاء صفحة للمطعم

لنُنشئ صفحة قائمة طعام للمطعم لإضافة الطعام إلى سلة التسوق. ولنُعدّل صفحتنا الرئيسية لعرض صفحة المطعم عند النقر على نوع الطعام.

const http = require("http");
const fs = require("fs");

const hostname = "0.0.0.0";
const port = 3500;

const homePage = fs.readFileSync("main.html");
const aboutPage = fs.readFileSync("about.html");
const menuPage = fs.readFileSync("menu.html");
const css = fs.readFileSync("styles.css");

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  if (req.url == "/") {
    res.statusCode = 200;
    res.setHeader("Content-Type", "text/html");
    res.write(homePage);
  } else if (req.url == "/about") {
    res.statusCode = 200;
    res.setHeader("Content-Type", "text/html");
    res.write(aboutPage);
  } else if (req.url == "/menu") {
    res.statusCode = 200;
    res.setHeader("Content-Type", "text/html");
    res.write(menuPage);
  } else if (req.url == "/styles.css") {
    res.statusCode = 200;
    res.setHeader("Content-Type", "text/css");
    res.write(css);
  } else if (req.url.match(/images/g)) {
    try {
      res.statusCode = 200;
      res.setHeader("Content-Type", "image/jpeg");
      imgLoc = req.url.replace("/", "../");
      image = fs.readFileSync(imgLoc);
      res.end(image);
    } catch {
      res.statusCode = 404;
      res.write("404");
      console.log(req.url);
    }
  } else {
    res.statusCode = 404;
    res.write("404");
    console.log(req.url);
  }
  res.end();
});

server.listen(port, hostname, () => {
  console.log("Server is now running");
});
Hit the run button to view the output

صفحة القائمة

صفحة قائمة الطعام صفحة ويب ثابتة تعرض بعض ...