Introdução:

Ei! Se você é novo no Node.js, provavelmente já ouviu falar do Express.js — uma estrutura leve, rápida e flexível para construir servidores web e APIs. Neste guia, explicarei os fundamentos do Express, mostrando como é fácil começar.

Preparar? Vamos mergulhar!

1. Instalando Expresso

Primeiro, vamos instalar o Express. Certifique-se de ter o Node.js e o npm (gerenciador de pacotes do Node) configurados em sua máquina. Quando estiver pronto, abra seu terminal e execute este comando:

npm install express

Bum! Você acabou de instalar o Express em seu projeto. É simples assim.

2. Criando seu primeiro servidor expresso

Agora, vamos construir algo! Veja como você pode criar um servidor Express super simples que escuta solicitações e responde com “Hello World” quando alguém visita seu site.

const express = require('express');  // Import Express
const app = express();  // Initialize your Express app

app.get('/', (req, res) => {  // Set up a route for GET requests to the root URL
  res.send('Hello World');  // Send a response
});

app.listen(3000, () => {  // Tell the app to listen on port 3000
  console.log('Server is running on port 3000');
});

Se você executar isso com node app.js e abrir http://localhost:3000 em seu navegador, você verá "Hello World". É muito fácil colocar um servidor em funcionamento!

3. O que é middleware?

Você deve ter ouvido muito o termo "middleware" usado por aí. Simplificando, middleware é apenas uma função que é executada entre o recebimento de uma solicitação e o envio de uma resposta.

Vejamos um exemplo simples:

app.use((req, res, next) => {
  console.log('Request received');
  next();  // Moves to the next middleware or route
});

Nesse caso, toda vez que uma solicitação é feita, ele registra "Solicitação recebida" no console. A função next() é crucial aqui porque permite que a solicitação continue para a próxima função de middleware ou manipulador de rota. Sem ele, a solicitação seria interrompida e nenhuma resposta seria enviada.

Se você estiver interessado em aprender mais sobre como o middleware funciona em detalhes, consulte Noções básicas sobre middleware em Express.js com Node.js. Ele cobre diferentes tipos de middleware, como middleware de nível de roteador e de tratamento de erros.

4. Roteamento: a espinha dorsal do seu aplicativo

Roteamento é como você configura URLs diferentes em seu aplicativo. Você já viu uma rota básica para o caminho raiz (/), mas também pode lidar com outros métodos HTTP, como POST, para lidar com envios de formulários ou atualizações de dados.

app.post('/submit', (req, res) => {
  res.send('Form submitted!');
});

Agora, quando um usuário envia um formulário para /submit, esta rota irá lidar com isso. Você pode criar quantas rotas precisar – o Express torna tudo mais fácil!

5. Servindo arquivos estáticos

E se você quiser veicular imagens, arquivos CSS ou outros ativos estáticos? Expresso ajuda você! Basta colocar esses arquivos em uma pasta, como pública, e dizer ao Express onde encontrá-los:

app.use(express.static('public'));

Agora, qualquer arquivo dentro da pasta pública (como style.css ou uma imagem) pode ser acessado diretamente pelo navegador.

6. Tratamento de dados JSON

Em aplicativos modernos, muitas vezes você precisará lidar com dados JSON, talvez de um formulário ou de uma solicitação de API. Express torna isso muito fácil:

app.use(express.json());  // Add this middleware to parse JSON

app.post('/data', (req, res) => {
  console.log(req.body);  // Access the parsed JSON data
  res.send('Data received!');
});

Agora, quando uma solicitação POST com dados JSON é enviada para /data, o Express analisará automaticamente o JSON e você poderá acessá-lo em req.body. Simples, certo?

Resumindo tudo

E aí está - uma introdução rápida e fácil ao Express.js! Com apenas algumas linhas de código, você aprendeu como:

• Instalar Expresso,
• Configurar um servidor básico,
• Use middleware,
• Lidar com rotas diferentes,
• Exibir arquivos estáticos,
• E trabalhe com dados JSON.

Express é uma estrutura poderosa que torna a construção de servidores web e APIs divertida e simples. À medida que você se sentir mais confortável, poderá começar a explorar recursos mais avançados, como roteadores, tratamento de erros ou até mesmo integração com um banco de dados.

Dicas profissionais para sua jornada expressa

• Use nodemon: Ele reinicia automaticamente seu servidor quando você faz alterações. Basta executar npm install -g nodemon e usar nodemon app.js em vez de node app.js.
• Estruture seu aplicativo: À medida que seu projeto cresce, você desejará organizar suas rotas e controladores em arquivos separados. Isso mantém seu código limpo e gerenciável.

Espero que este guia ajude você a começar a usar o Express! Continue experimentando e, antes que você perceba, você estará criando aplicativos da web incríveis como um profissional.

Boa codificação!