Adicionando routes
Faça seu server responder a URLs diferentes
⏱ Estim. ~8 min
01 · Ler
No momento, seu server responde a uma URL só: o caminho raiz /. Se você acessar localhost:3000/about ou localhost:3000/anything-else, vai receber um erro.
Sites de verdade têm várias páginas — home, sobre, contato, páginas de produto e muitas outras. Cada página tem sua própria route — um caminho de URL que o server sabe tratar.
Adicionar routes é como você ensina seu server a responder com conteúdo diferente para URLs diferentes. Cada chamada app.get() cria uma route nova.
💡 Imagine assimImagine routes como a recepção de um escritório. Alguém pede pelo time de vendas, e a recepção leva para uma sala. Pede pelo suporte, e leva para outra. Seu server é o recepcionista, e as routes são os caminhos.
Pontos-chave
- Cada app.get('/path', ...) cria uma route nova
- O path é a parte da URL depois de localhost:3000
- Routes diferentes podem responder com conteúdos totalmente diferentes
- É assim que todo site serve várias páginas
02 · Prática real
Abra seu app.js em um editor de texto e adicione essas duas routes novas. Coloque elas depois da route app.get('/') existente, mas antes da linha 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 · Prática real
Seu server ainda está rodando o código antigo. Para ver as mudanças, você precisa parar e reiniciar o server. Volte para o terminal onde o server está rodando, aperte Ctrl+C para parar e inicie de novo.
node app.js
04 · Quiz
Em app.get('/about', handler), o que /about representa?
- O nome do arquivo a enviar
- O caminho da URL que aciona esse handler
- Uma pasta no computador
- Um nome de variável
05 · Preencher
No Express, app.get('/about', ...) cria uma route que responde ao caminho _____.
06 · Prática real
Agora teste suas routes novas! Abra o navegador e acesse essas duas URLs: 1. http://localhost:3000/about — deve mostrar o texto da sua página about 2. http://localhost:3000/contact — deve mostrar o texto da sua página contact Também teste http://localhost:3000 para confirmar que a route original ainda funciona.
http://localhost:3000/about
http://localhost:3000/contact
07 · Quiz
Seu server tem routes para /, /about e /contact. Um usuário acessa http://localhost:3000/pricing. O que acontece?
- O Express cria a página pricing automaticamente
- O server dá erro e cai
- O server responde com erro "Cannot GET /pricing", porque nenhuma route faz match com esse caminho
- A requisição é redirecionada para a route /
Outras lições deste capítulo
⚠ A experiência interativa completa precisa de JavaScript. Ative-o e recarregue a página.
※ Este é um projeto educacional independente — não é um produto oficial da Anthropic. Claude™ é uma marca registrada da Anthropic, PBC.