Criando o projeto - Express app

Como já dito, precisamos de um sistema para servir os documentos que criamos nas rotas planejadas. Isso será feito com um sistema Express. Para isso, vamos criar um arquivo chamado "index.js" e colocar o seguinte código:

const express = require('express');
const path = require('path');
const app = express();

app.get('/animais', (req, res) => {
  res.sendFile(path.join(\_\_dirname, './pages/animais.html'));
});

app.use('/dados', express.static('dados'));

app.listen(3000, () => {
  console.log('Servidor rodando na porta 3000');
});

Repare que o trecho abaixo informa ao Express que a rota "/animais" retorna irá retornar o conteúdo do arquivo animais.html que está na pasta "pages" do projeto (que já foi criada):

app.get('/animais', (req, res) => {
  res.sendFile(path.join(\_\_dirname, './pages/animais.html'));
});

O seguinte trecho diz que a pasta "dados" será servida na rota "/dados" e todos os documentos dentro de dados estarão disponíveis como arquivos estáticos:

app.use('/dados', express.static('dados'));

Essa é uma forma rápida de se usar o Middleware "static" do Express para servir arquivos em pastas de maneira simples e direta. No nosso caso os arquivos que estão dentro da pasta "dados" são os documentos JSON: caes.json e gatos.json.

O projeto final ficou com a seguinte estrutura de pasta: