How to build a simple Node.js and Express app by creating a interface and server API
- איתחול פרוייקט
- יצירת אינדקס
- התקנת נודמון
- התקנת אקספרס
- יצירת גיט איגנור
- בניית טמפלט באינדקס
/* Required External Modules */
/*** App Variables*/
/*** App Configuration*/
/*** Routes Definitions*/
/*** Server Activation*/
- לייבא מודולים
- app יצירת אובייקט
- הגדרת פורט :
const port = process.env.PORT || "8000";
- יצירת בקשה בראטוניג :
app.get("/", (req, res) => { res.status(200).send("WHATABYTE: Food For Devs"); });
- יצירת ליסנר app.listen(()=>{})
- הרצה
- התקנת פאג
- יצירת קובצי פאג :
block variables doctype html html head meta(charset="utf-8") meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no") body div#root block layout-content div#footer //////////////////////////////////////////
extends layout block layout-content div.View
- שימוש ב views :
app.set("views", path.join(__dirname, "views"));
- שימוש במנוע פאג:
app.set("view engine", "pug");
- יצירת בקשה בראוטינג לאינדקס :
res.render("index", { title: "Home" });
- התקנת מרנדר לייב : browser-sync
- יצירת פקודה :
"ui": "browser-sync start --proxy=localhost:8000 --files='**/*.css, **/*.pug, **/*.js' --ignore=node_modules --reload-delay 10 --no-ui --no-notify"
- שימוש בסטטיק להעלאת קבצי עזר:
app.use(express.static(path.join(__dirname, "public")));
- יצירת ספריה ציבורית וקבצי עזר
- הוספת תמונה
- יצירת דף נוסף
- יצירת בקשת POST בראוטינג לדף החדש
- התקנת body-parser
- הגדרת body-parser לשימוש על ידי app.use
- שליחת המידע שהתקבל מה request.body כתשובה
- שליחת המסך החדש והמידע שהתקבל כתשובה