Rute Lainnya

Termasuk bagian Dasar-Dasar Express dalam perjalanan Node.js di Coddy. Pelajaran 3 dari 23.

Sebuah situs memiliki lebih dari satu halaman, jadi server memerlukan rute untuk setiap jalur.

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 membaca jalur setiap permintaan dan memanggil rute dengan jalur tersebut: GET /books mencapai fungsi pertama, GET /opening-hours mencapai fungsi kedua. Jalur tanpa rute akan menampilkan halaman 404 milik Express. Jalur rute selalu dimulai dengan /.

Recipe Box hadir kembali, dengan file data.js yang berisi empat resep dan rute /recipes yang menampilkan judulnya.

Tantangan

Mudah

Recipe Box membutuhkan halaman Tentang di samping halaman beranda dan daftar resep.

Di server.js, di tempat komentar // Add the /about page here., tambahkan rute untuk path /about. Rute ini mengirim kalimat berikut, termasuk titik di akhir: Recipe Box collects family recipes.
Biarkan rute / dan /recipes seperti semula.

Coba: Tekan tombol “Jalankan” dan kirim /about. Kamu akan melihat Recipe Box collects family recipes. Kirim /recipes: empat judul resep, satu per baris. Lalu kirim /about-us. Tidak ada rute dengan path itu, jadi Express merespons dengan status 404 dan Cannot GET /about-us. Daftar path di bilah permintaan menunjukkan rute yang dimiliki aplikasimu.

Coba sendiri

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

const app = express();

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

// type('text') mengirim teks biasa, sehingga setiap judul tampil di baris tersendiri.
app.get('/recipes', (req, res) => {
    res.type('text').send(recipes.map((recipe) => recipe.title).join('\n'));
});

// Tambahkan halaman /about di sini.

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