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 pedir 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 de dependências e scripts do projeto;
• app.js ou index.js - Ponto de entrada para a aplicação Express. Criado manualmente.

Construção do Primeiro App 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

Criação de 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

Definição do número da porta na qual o servidor irá escutar. Neste caso, está configurada para 3000, mas é possível escolher qualquer número de porta disponível.

const port = 3000;

Etapa 4: Definindo uma Rota

Configuração de uma rota para tratar requisições HTTP GET para a URL raiz (/). Quando um cliente (normalmente um navegador web) acessa a URL raiz do servidor, a resposta será Hello, World!.

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

• app.get('/') - Define uma rota para tratar requisições GET no caminho raiz (/). É possível 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

Início do servidor e escuta na porta especificada (neste caso, porta 3000). Quando o servidor é iniciado com sucesso, uma mensagem é registrada no console indicando em qual porta está ouvindo.

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 executada quando o servidor está em funcionamento.

Etapa 6: Executar o App

Execução do 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 web e navegando até http://localhost:3000. A mensagem Hello, World! será exibida no navegador.