Menu
CoddyTech

Parametry tras

Część sekcji Podstawy Express ścieżki Node.js w Coddy. Lekcja 4 z 23.

W pudełku z przepisami znajdzie się wiele przepisów, a tworzenie osobnej trasy dla każdego z nich nigdy by się nie skończyło.

app.get('/weather/:city', (req, res) => {
    res.send('Forecast for ' + req.params.city);
});

Część ścieżki zaczynająca się od dwukropka to parametr trasy: pasuje do dowolnej wartości, a Express umieszcza tę wartość w req.params. GET /weather/oslo wysyła Forecast for oslo.

Parametr jest zawsze ciągiem znaków. GET /rooms/12 zwraca '12', a '12' === 12 ma wartość false, więc przed porównaniem z liczbami przekonwertuj go za pomocą Number(...).

Gdy żądana rzecz nie istnieje, zwróć status 404: res.status(404).send('No such city') ustawia status, a następnie wysyła odpowiedź.

challenge icon

Wyzwanie

Łatwy

Każdy przepis ma własną stronę, dostępną pod ścieżką zawierającą jego id: /recipes/1, /recipes/2 i tak dalej.

  1. W pliku server.js dodaj jedną trasę dla /recipes/:id. Wyszukuje ona w recipes (z data.js) przepis, którego id pasuje do id w ścieżce. Wysyła tylko tytuł tego przepisu jako tekst: /recipes/2 wysyła Pancakes.
  2. Id ze ścieżki jest ciągiem znaków, a identyfikatory w data.js są liczbami, więc przekonwertuj je, zanim je porównasz.
  3. Jeśli żaden przepis nie ma takiego id, ustaw status na 404 i wyślij tekst No such recipe.

Wypróbuj: Naciśnij „Uruchom” i wyślij /recipes/2. Powinien pojawić się Pancakes ze statusem 200. Wyślij /recipes/4: Fish & Chips. Wyślij /recipes/99: No such recipe ze statusem 404.

Spróbuj swoich sił

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

const app = express();

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

// type('text') wysyła zwykły tekst, więc każdy tytuł pojawia się w osobnym wierszu.
app.get('/recipes', (req, res) => {
    res.type('text').send(recipes.map((recipe) => recipe.title).join('\n'));
});

app.get('/about', (req, res) => {
    res.send('Recipe Box collects family recipes.');
});

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

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Podstawy Express

Poćwicz samodzielnie: Edytor online Express