Vamos criar nosso primeiro aplicativo backend com Express.js. Pronto para começar?

Instalando o Express.js

Crie um novo diretório para o aplicativo e abra a pasta no editor de código. Agora estamos prontos para começar. No terminal, execute este comando:

npm install express

É como solicitar o Express.js em uma loja de aplicativos virtual, e o npm é nosso serviço de entrega.

Como resultado, obtemos a seguinte estrutura de arquivos e pastas do nosso aplicativo:

Estrutura básica do projeto:

• node_modules - Contém os pacotes instalados;
• package.json e package-lock.json - Lista as dependências e scripts do projeto;
• app.js ou index.js - Ponto de entrada para a aplicação Express. Criado manualmente pelo desenvolvedor.

🏗️ Construção da Primeira Aplicação Express

Criação de um servidor web simples utilizando Node.js e o framework Express.js. Seguir os passos abaixo:

Passo 1: Importar o Express

Como biblioteca, é necessário importá-la primeiramente para o arquivo:

const express = require('express');

Etapa 2: Criando uma Instância da Aplicação Express

Criamos uma instância da aplicação Express. Esta variável app será utilizada para configurar e definir o comportamento do servidor web.

const app = express();

Etapa 3: Definindo a Porta

Definimos o número da porta na qual nosso servidor irá escutar. Neste caso, está definida como 3000, mas podemos escolher qualquer número de porta disponível.

const port = 3000;

Etapa 4: Definindo uma Rota

Configuramos uma rota para lidar com requisições HTTP GET para a URL raiz (/). Quando um cliente (normalmente um navegador web) acessa a URL raiz do servidor, ele responde com Hello, World!.

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

• app.get('/') - Define uma rota para lidar com requisições GET para o caminho raiz (/). Podemos definir rotas para diferentes métodos HTTP (GET, POST, PUT, DELETE, etc.);
• (req, res) => { ... } - Função de callback executada quando um cliente faz uma requisição GET para a rota especificada. Recebe dois argumentos: req (objeto de requisição) e res (objeto de resposta). Neste caso, apenas envia o texto Hello, World! como resposta.

Etapa 5: Iniciar o Servidor

Inicie o servidor e faça-o escutar na porta especificada (neste caso, porta 3000). Quando o servidor for iniciado com sucesso, uma mensagem será registrada no console, indicando em qual porta ele está escutando.

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

app.listen(port, ...) - Este método inicia o servidor e escuta na porta especificada. O segundo argumento é uma função de callback que é executada assim que o servidor está em funcionamento.

Etapa 6: Executar o Aplicativo

Execute o aplicativo no terminal utilizando o comando node.

node index

🌐 Após executar o script

O servidor estará em execução e poderá ser acessado abrindo um navegador e navegando até http://localhost:3000. A mensagem Hello, World! será exibida no navegador.