נתיבים נוספים

חלק מהיחידה יסודות Express במסלול ה-Node.js של Coddy. שיעור 3 מתוך 23.

באתר יש יותר מעמוד אחד, ולכן השרת זקוק לנתיב עבור כל נתיב.

app.get('/books', (req, res) => {
    res.send('12 books on the shelf');
});

app.get('/opening-hours', (req, res) => {
    res.send('Monday to Friday, 10 to 6');
});

Express קורא את הנתיב של כל בקשה ומפעיל את הנתיב המתאים לה: GET /books מגיע לפונקציה הראשונה, ו-GET /opening-hours לשנייה. נתיב שאין לו נתיב מוגדר מציג את דף 404 של Express. הנתיב של כל נתיב מתחיל תמיד ב-/.

Recipe Box חוזרת, עם קובץ data.js שמכיל ארבעה מתכונים ונתיב /recipes שמציג את הכותרות שלהם.

אתגר

קל

Recipe Box זקוקה לדף About לצד דף הבית ורשימת המתכונים.

ב־server.js, במקום שבו מופיעה ההערה // Add the /about page here., הוסף נתיב עבור /about. הוא שולח את המשפט הזה, כולל הנקודה בסופו: Recipe Box collects family recipes.
השאר את הנתיבים / ו־/recipes כפי שהם.

נסה זאת: לחץ על „הפעלה” ושלח את /about. אתה אמור לראות את Recipe Box collects family recipes. שלח את /recipes: ארבעת שמות המתכונים, אחד בכל שורה. לאחר מכן שלח את /about-us. אין נתיב כזה, ולכן Express משיב עם סטטוס 404 ועם Cannot GET /about-us. רשימת הנתיבים בסרגל הבקשות מציגה את הנתיבים שהאפליקציה שלך כוללת.

נסו בעצמכם

import express from 'express';
import { recipes } from './data.js';

const app = express();

app.get('/', (req, res) => {
    res.send('Welcome to Recipe Box');
});

// type('text') שולחת טקסט פשוט, כך שכל כותרת מופיעה בשורה נפרדת.
app.get('/recipes', (req, res) => {
    res.type('text').send(recipes.map((recipe) => recipe.title).join('\n'));
});

// הוסיפו כאן את הדף /about.

app.listen(3000, () => {
    console.log('Recipe Box is running on port 3000');
});