capitulo_16_express

Capítulo 16: Introdução ao Express 🕷️🌆

Neste capítulo, vamos aprender a usar o framework Express para criar servidores web de forma muito mais simples e poderosa do que usando o módulo nativo, com o tema Homem-Aranha!

---

📖 O que é o Express?

O Express é o framework web mais popular para Node.js. Ele simplifica muito a criação de rotas, manipulação de requisições e respostas. É como o traje tecnológico do Homem-Aranha: cheio de recursos prontos para usar!

---

📖 Exemplo Guiado: Servidor do Clarim Diário

Vamos criar um servidor que responde com notícias sobre o Homem-Aranha.

1. Instale o Express na pasta do seu projeto:

npm install express

2. Crie o arquivo clarim_diario.js na pasta src/:

const express = require('express');
const app = express();
const porta = 3000;
 
// Definindo uma rota para a página inicial
app.get('/', (req, res) => {
    res.send("<h1>Clarim Diario</h1><p>Homem-Aranha: Heroi ou Ameaca?</p>");
});
 
// Iniciando o servidor
app.listen(porta, () => {
    console.log(`Clarim Diario rodando em http://localhost:${porta}`);
});

🕹️ Como Executar e Testar no VS Code

1. Abra o terminal integrado e execute: node clarim_diario.js
2. Acesse no navegador: http://localhost:3000

Resultado Esperado: Você verá uma página web com o título “Clarim Diario” e o texto.

---

📊 Ilustração Visual: Como o Express funciona

Veja como o Express gerencia as rotas:

graph TD
    A[Navegador] -->|Acessa '/'| B[Express app.get]
    B -->|Envia HTML| A

---

🛠️ Prática Obrigatória 1: Nova Rota

Crie uma nova rota no arquivo clarim_diario.js para /aranha que responda com o texto “Teia de aranha lançada!“. Use app.get('/aranha', ...).

---

🔑 Gabarito de Código

Prática 1: server_aranha.js

const express = require('express');
const app = express();
 
app.get('/', (req, res) => {
    res.send("Clarim Diario");
});
 
app.get('/aranha', (req, res) => {
    res.send("Teia de aranha lançada!");
});
 
app.listen(3000, () => {
    console.log("Servidor rodando na porta 3000");
});

---

📤 Instruções de Entrega (GitHub Desktop + Microsoft Teams)

(Siga o padrão estabelecido no Guia)

---

← Capitulo Anterior | Proximo Capitulo →