Aggiungere route
Far rispondere il tuo server a URL diverse
⏱ Stima ~8 min
01 · Leggi
Il tuo server risponde attualmente a una sola URL: il percorso radice /. Se provi a connetterti a localhost:3000/about o localhost:3000/qualsiasi-altra-cosa, ottieni un errore.
I siti reali hanno molte pagine — home, about, contatti, pagine prodotto e altro ancora. Ogni pagina ha la sua route — un percorso URL che il server sa come gestire.
Aggiungere route è il modo in cui insegni al server a rispondere con contenuto diverso a URL diverse. Ogni chiamata app.get() crea una nuova route.
💡 Immagina cosìImmagina le route come la reception di un ufficio. Qualcuno cerca le vendite, la receptionist lo accompagna in una stanza. Cerca il supporto, lo porta in un'altra. Il tuo server è la receptionist, le route sono le indicazioni.
Punti chiave
- Ogni app.get('/percorso', ...) crea una nuova route
- Il percorso è la parte dell'URL dopo localhost:3000
- Route diverse possono restituire contenuto completamente diverso
- È così che ogni sito web offre pagine diverse
02 · Pratica reale
Apri il tuo app.js con un editor di testo e aggiungi queste due nuove route. Mettile dopo la route app.get('/') esistente, ma prima della riga app.listen().
app.get('/about', (req, res) => {
res.send('This is the about page. I built this server myself!');
});
app.get('/contact', (req, res) => {
res.send('Contact me at: hello@mysite.com');
});03 · Pratica reale
Il tuo server sta ancora girando con il vecchio codice. Per vedere le modifiche, devi fermare il server e riavviarlo. Torna al terminale dove gira il server, premi Ctrl+C per fermarlo, poi riavvialo.
node app.js
04 · Quiz
In app.get('/about', handler), cosa rappresenta /about?
- Il nome del file da inviare
- Il percorso URL che attiva questo handler
- Una cartella sul computer
- Il nome di una variabile
05 · Completa
In Express, app.get('/about', ...) crea una route che risponde al percorso _____.
06 · Pratica reale
Ora testa le tue nuove route! Apri il browser e vai a questi due URL: 1. http://localhost:3000/about — dovrebbe mostrare il testo della tua pagina about 2. http://localhost:3000/contact — dovrebbe mostrare il testo della tua pagina contact Prova anche http://localhost:3000 per confermare che la route originale funziona ancora.
http://localhost:3000/about
http://localhost:3000/contact
07 · Quiz
Il tuo server ha route per /, /about e /contact. Un utente visita http://localhost:3000/pricing. Cosa succede?
- Express crea automaticamente la pagina pricing
- Il server va in crash
- Il server risponde con l'errore "Cannot GET /pricing" perché nessuna route corrisponde a quel percorso
- La richiesta viene reindirizzata alla route /
Altre lezioni di questo capitolo
⚠ L'esperienza interattiva completa richiede JavaScript. Attivalo e ricarica la pagina.
※ Questo è un progetto educativo indipendente — non è un prodotto ufficiale di Anthropic. Claude™ è un marchio di Anthropic, PBC.