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

Construir o Primeiro Aplicativo 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');

Passo 2: Criar uma Instância do Aplicativo Express

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

const app = express();

Passo 3: Definir a Porta

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

const port = 3000;

Passo 4: Definição de 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 (/). É 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.

Passo 5: Iniciar o Servidor

Inicie o servidor e faça com que ele escute na porta especificada (neste caso, porta 3000). Quando o servidor for iniciado com sucesso, uma mensagem será exibida no console indicando em qual porta 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 executada quando o servidor está ativo.

Etapa 6: Executar o Aplicativo

Executa-se 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 web e navegando até http://localhost:3000. A mensagem Hello, World! deverá ser exibida no navegador.