{"componentChunkName":"component---src-templates-blog-post-js","path":"/express-rest-I/","result":{"data":{"markdownRemark":{"html":"

Introdução

\n

Neste artigo será mostrado como criar um projeto com NodeJS e Express e vamos expor uma API para podermos realizar as quatro operações básicas de um CRUD (criar, ler, atualizar e deletar dados). Também será mostrado como podemos construir um projeto de forma simples, descomplicada, com baixa acoplamento e alta coesão entre seus componentes por meio de injeção de dependências e inversão de controle.

\n

Fazendo uma breve introdução sobre as tecnologias que serão apresentadas nesse artigo, primeiramente temos o NodeJS que é um projeto open-source criado para ser um ambiente de desenvolvimento backend escrito em JavaScript, ele explora os benefícios que o JavaScript possui, como orientação a eventos e assíncronicidade.

\n

Juntamente com o NodeJS usaremos nesse projeto o Express que é um framework para desenvolvimento de aplicações web minimalista, isso significa que ele é bem leve e simples mas que não trás consigo todas as funcionalidades por padrão de um servidor web e isso é uma grande vantagem do Express pois é um dos motivos pelo qual ele é muito flexível, e por meio de middlewares é possível plugar libs e ferramentas que nos ajudam no desenvolvimento.

\n

Criando o projeto

\n

O projeto consistirá em uma agenda de contatos, onde poderemos criar um contato novo, buscar um contato ou todos, editar um existente e deletar um contato.

\n

Existem algumas maneiras de criar um projeto com Express, o próprio Express possui um cli para criação.

\n

Aqui iremos fazer de uma forma que eu considero mais simples que é criar via command line* com **NPM.

\n

Vamos criar uma pasta chamada phonebook e após isso, criar o projeto usando NPM:

\n
mkdir phonebook && cd phonebook\nnpm init -y
\n

Com isso temos a estrutura básica do projeto que nada mais é do que um arquivo package.json:

\n
{\n  \"name\": \"phonebook\",\n  \"version\": \"1.0.0\",\n  \"description\": \"\",\n  \"main\": \"index.js\",\n  \"scripts\": {\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\"\n  },\n  \"keywords\": [],\n  \"author\": \"\",\n  \"license\": \"ISC\"\n}
\n

Vamos aproveitar e instalar as dependências que vamos precisar para iniciar esse projeto:

\n
npm install express body-parser
\n

E também as dependências que usaremos posteriormente para subir o nosso server no ambiente de local de desenvolvimento e testes:

\n
npm install --save-dev nodemon jest supertest
\n

Agora falta criarmos o arquivo que será executado quando iniciarmos a aplicação, vamos chamá-lo de index.js:

\n
const express = require('express')\nconst app = express()\nconst bodyParser = require('body-parser')\n\napp.use(bodyParser.json())\napp.use(bodyParser.urlencoded({ extended: true }))\n\napp.use((req, resp, next) => {\n    resp.set('Access-Control-Allow-Origin', '*')\n    next()\n})\n\nconst server = app.listen(3000, () => console.log('A API está funcionando!'))\n\nmodule.exports = server
\n

Só com isso podemos executar o node chamando o arquivo index.js que deverá funcionar:

\n
npm run dev\n\n> phonebook@1.0.0 dev /Users/guilherme/develop/repo/phonebook\n> nodemon index.js\n\n[nodemon] 2.0.7\n[nodemon] to restart at any time, enter `rs`\n[nodemon] watching path(s): *.*\n[nodemon] watching extensions: js,mjs,json\n[nodemon] starting `node index.js`\nA API está funcionando!
\n

Modelando o domínio

\n

Decidi começar pela definição de modelo, porque apesar desse modelo ser simples eu entendo que é sempre bom deixar essa base pronta pois fica mais fácil construir a aplicação em volta de um domínio do que o contrário. Acredito que utilizar outras tecnologias fica mais flexível de mudar do que a mudança no domínio nessa abordagem.

\n

Então iremos criar uma pasta chamada model e nela a index.js:

\n
const Contact = {\n\n    id: 0,\n    name: \"\",\n    telephone: \"\",\n    address: \"\"\n\n}\n\nmodule.exports = Object.create(Contact)
\n

A definição acima é a representação do que seria um contato em uma agenda de contatos composta pelo id, (aqui entra um discussão sobre Entidades e VO mas para esse exemplo deixei com um id pois acredito que o modelo em um projeto real não deveria possuir um id provavelmente voltaremos a esse ponto em um artigo futuro) name, telephone e address que são Strings e no exports criamos esse objeto com a função create.

\n

Criando a Repository

\n

Após ter criado o domínio vamos criar a nossa Repository que será responsável por lidar com a persistência de dados. Você pode ter percebido que até o momento não adicionamos nenhuma dependência de persistência então como iremos criar o comportamento responsável por isso?

\n

Vamos aqui simplificar um pouco as coisas e iremos criar uma persistência em memória e mais a frente vamos entender como podemos deixar tudo bem simples e desacoplado usando a Injeção de Dependências e Inversão de Controle.

\n

Vamos criar uma pasta chamada repository e dentro dela o nosso arquivo index.js:

\n
class InMemoryRepository{\n\n    constructor(){\n        this._data = []\n    }\n\n    insert(contact){\n        this._data.push(contact)\n    }\n    \n    selectAll(){\n        return this._data\n    }\n    \n    selectById(id){\n        return this._data.find(c => c.id === id)\n    }\n    \n    update(id, contact){\n    \n        const elementId = this._data.findIndex(element => element.id === id);\n        contact.id = id\n    \n        const updateContact = Object.assign(this._data[elementId], contact)\n    \n        this._data[elementId] = updateContact\n    \n        return this._data[elementId]\n    }\n    \n    remove(id){\n    \n        const index = this._data.findIndex(element => element.id === id)\n    \n        this._data.splice(index, 1)\n    \n    }\n}\n\nmodule.exports = InMemoryRepository
\n

Foi usada uma abordagem de classe aqui justamente para depois podermos usar a Injeção de Dependências, mas podemos ver também que temos uma variável membro chamada _data que é um array e temos as funções que irão fazer as nossas operações de CRUD em cima desse array.

\n

Após isso exportamos a nossa classe InMemoryRepository.

\n

Criando Services

\n

Agora chegou a hora de criar a camada da aplicação que é responsável por executar a lógica de negócios.

\n

Vamos criar uma pasta chamada service e dentro dela o arquivo index.js:

\n
class Service{\n\n    constructor(repository){\n        this.repository = repository\n    }\n\n    create(body){\n        this.repository.insert(body)\n    }\n    \n    getById(id){\n        return this.repository.selectById(parseInt(id, 2))\n    }\n    \n    getAll(){\n        return this.repository.selectAll()\n    }\n    \n    put(id, body){\n        return this.repository.update(parseInt(id, 2), body)\n    }\n    \n    remove(id){\n        this.repository.remove(parseInt(id, 2))\n    }\n\n}\n\nmodule.exports = Service
\n

Aqui também usamos a abordagem de classe, mas por que?

\n

Pois assim é possível injetar a dependência do repository no construtor e com isso o controle é invertido já que a Service desconhece qual será a implementação a ser usada, a única coisa que importa para a Service é que a repository que será passada deve possuir as funções de insert, selectById, selectAll, update e remove. Não é responsabilidade da Service saber se a repository é um banco em memória, MongoDB, Postgres ou qualquer outro meio de persistir dados.

\n

Caso seja necessário no futuro implementar alguma outra ação ou mude a lógica de negócios, esta alteração deve ser implementada na Service e caso necessite de outra dependência deve ser adicionado ou injetado no construtor da classe.

\n

Configurando Rotas

\n

Vamos criar as rotas da nossa aplicação, aqui iremos definir quais verbos HTTP iremos deixar disponíveis e que iremos direcionar as requisições quando elas chegarem.

\n
const router = require('express').Router()\nconst InMemoryRepository = require('../repository')\nconst Service = require('../service')\nconst service = new Service(new InMemoryRepository())\n\nrouter.post('/', (req, res) => {\n    const contact = req.body\n\n    service.create(contact)\n\n    res.status(201).json(contact)\n})\n\nrouter.get('/:id', (req, res) => {\n\n    const id = req.params.id\n\n    const result = service.getById(id)\n    if(result !== undefined){\n        res.status(200).json(result)\n        return\n    }\n    \n    res.sendStatus(204)\n    \n})\n\nrouter.get('/', (req, res) => {\n\n    const result = service.getAll()\n\n    if(result.length > 0){\n        res.status(200).json(result)\n        return\n    }\n\n    res.sendStatus(204)\n    \n})\n\nrouter.put(\"/:id\", (req, res) => {\n\n    const id = req.params.id\n    const body = req.body\n\n    const result = service.put(id, body)\n\n    res.status(200).json(result)\n})\n\nrouter.delete(\"/:id\", (req, res) => {\n\n    const id = req.params.id\n\n    service.remove(id)\n\n    res.sendStatus(204)\n})\n\nrouter.get('/health', (req, res) => {\n\n    res.status(200).json({status: \"Ok\"})\n})\n\nrouter.options('/', (req, res) => {\n    res.set('Access-Control-Allow-Methods', 'GET, POST')\n    res.set('Access-Control-Allow-Headers', 'Content-Type')\n    res.status(204)\n    res.end()\n})\n\nmodule.exports = router
\n

Vamos por partes pra entender tudo o que está no código acima:

\n
const router = require('express').Router()\nconst InMemoryRepository = require('../repository')\nconst Service = require('../service')\nconst service = new Service(new InMemoryRepository())
\n

Nesse trecho importamos do próprio Express a dependência do Router que irá disponibilizar aqui os verbos HTTP, importamos aqui as classes InMemoryRepository e Service e em seguida instânciamos a Service e passamos a dependência de uma Repository para ela que nesse caso será a InMemoryRepository.

\n
router.post('/', (req, res) => {\n    const contact = req.body\n\n    service.create(contact)\n\n    res.status(201).json(contact)\n})
\n

Aqui usamos o router e chamamos o método post e passamos qual será o path ou caminho que será exposta na API, aqui deixamos com '/'para indicar que não queremos passar nada na url só de chamar um POST ele será atendido por esse método.

\n

A função post trás consigo o request e o response e com isso podemos extrair algumas informações importantes no request e adicionar dados no response.

\n

No exemplo acima conseguimos pegar o body que é enviado na requisição e após executar a lógica na Service adicionar o status e o body no response.

\n

Aqui abaixo temos as implementações do GET:

\n
router.get('/:id', (req, res) => {\n\n    const id = req.params.id\n\n    const result = service.getById(id)\n    if(result !== undefined){\n        res.status(200).json(result)\n        return\n    }\n    \n    res.sendStatus(204)\n    \n})\n\nrouter.get('/', (req, res) => {\n\n    const result = service.getAll()\n\n    if(result.length > 0){\n        res.status(200).json(result)\n        return\n    }\n\n    res.sendStatus(204)\n    \n})
\n

O interessante aqui é entender que no request também conseguimos pegar parâmetros passados na url para isso precisamos de um identificador no path que é passado na função get no caso acima é :id a na função pegamos o valor através da sintaxe req.params.id.

\n

A lógica nas requisições GET é que caso não encontre dados na consulta retorne o status 204 - No Content e caso encontre retorna 200 - Ok com os dados solicitados.

\n

Os métodos para PUT e DELETE seguem a mesma lógica.

\n

Configurando o Express e middlewares

\n

Temos a Service e as Rotas configuradas e agora é necessário adicionar o módulo de rotas ao Express para que ele consiga utilizar e assim ficar disponível para ser usado.

\n

No arquivo index.js na raiz do projeto já existe uma configuração:

\n
const express = require('express')\nconst app = express()\nconst bodyParser = require('body-parser')\n\napp.use(bodyParser.json())\napp.use(bodyParser.urlencoded({ extended: true }))\n\napp.use((req, resp, next) => {\n    resp.set('Access-Control-Allow-Origin', '*')\n    next()\n})\n\nconst server = app.listen(3000, () => console.log('A API está funcionando!'))\n\nmodule.exports = server
\n

Com essa configuração já estamos usando os middlewares, onde adicionamos as funções que queremos complementar ao Express, acima estamos usando a lib body-parser para ajudar com o parse da resposta e outro middleware para tratativa de CORS e vamos adicionar o nosso módulo de rotas:

\n
const express = require('express')\nconst app = express()\nconst bodyParser = require('body-parser')\nconst router = require('./router')\n\napp.use(bodyParser.json())\napp.use(bodyParser.urlencoded({ extended: true }))\n\napp.use((req, resp, next) => {\n    resp.set('Access-Control-Allow-Origin', '*')\n    next()\n})\n\napp.use('/api', router)\n\nconst server = app.listen(3000, () => console.log('A API está funcionando!'))\n\nmodule.exports = server
\n

Acima foi importado o módulo router e adicionado no Express através da função use onde definimos o path raiz da nossa API e no segundo argumento o módulo router.

\n

Iniciando a aplicação

\n

Podemos iniciar a aplicação dessa forma:

\n
nodemon index.js
\n

E fazendo um POST:

\n
curl --location --request POST 'http://localhost:3000/api' \\\n--header 'Content-Type: application/json' \\\n--data-raw '{\n\n    \"id\": 1,\n    \"name\": \"Kelly\",\n    \"telephone\": \"118888888\",\n    \"address\": \"Rua dos Bobos n 1\"\n\n}' | json_pp
\n

Teremos a seguinte resposta:

\n
{\n   \"id\" : 1,\n   \"name\" : \"Kelly\",\n   \"address\" : \"Rua dos Bobos n 1\",\n   \"telephone\" : \"118888888\"\n}
\n

Testes

\n

No começo do artigo adicionamos as dependências do jest e supertest e agora vamos implementar um teste.

\n

Na pasta router vamos criar o arquivo router.test.js, seguindo a convenção de nomenclatura do jest para que ele saiba quais arquivos devem ser testados.

\n

Dentro do arquivo vamos criar a nossa primeira suite de testes para testar a rota de POST:

\n
const supertest = require('supertest')\nconst server = require('../index')\n\nafterAll( async () => {\n  server.close()\n});\n\ndescribe('Make requests to the server', () => {\n\n    it('Should create a contact', async () => {\n        const resp = await supertest(server).post('/api').send({\n            \"id\": 1,\n            \"name\": \"Kelly\",\n            \"telephone\": \"118888888\",\n            \"address\": \"Rua dos Bobos n 1\"\n        });\n\n        expect(resp.statusCode).toEqual(201)\n        expect(resp.body.name).toEqual(\"Kelly\")\n    })\n\n})
\n

Aqui importamos a lib do supertest e o arquivo index.js da raíz do projeto, primeiramente adicionamos uma função chamada afterAll para que após o testes serem rodados a aplicação seja terminada.

\n

Criamos a suite de testes com a função describe e dentro dela colocamos os testes necessários para testar aquela suite com a função it.

\n

Para fazer o mock da requisição usamos o supertest a passamos para ele o nosso server, invocamos a função HTTP que queremos testar passando o path e com a função send passamos o json que será enviado.

\n
const resp = await supertest(server).post('/api').send({\n    \"id\": 1,\n    \"name\": \"Kelly\",\n    \"telephone\": \"118888888\",\n    \"address\": \"Rua dos Bobos n 1\"\n});
\n

Com o retorno do response conseguimos fazer as asserções dos testes, nesse caso queremos testar que a cada POST bem sucedido iremos retornar o status code 201 - Created e o body será devolvido então podemos fazer a asserção de algum campo do response.

\n
expect(resp.statusCode).toEqual(201)\nexpect(resp.body.name).toEqual(\"Kelly\")
\n

Agora conseguimos rodar o comando a seguir para rodar esse teste:

\n
jest --coverage
\n

E teremos a seguinte resposta:

\n
> jest --coverage --runInBand\n\n PASS  router/route.test.js\n  Make requests to the server\n    ✓ Should create a contact (65 ms)\n\n  console.log\n    A API está funcionando!\n\n      at Server.<anonymous> (index.js:16:47)\n\n----------------------|---------|----------|---------|---------|----------------------------------\nFile                  | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s                \n----------------------|---------|----------|---------|---------|----------------------------------\nAll files             |   48.68 |        0 |   29.17 |      50 |                                  \n phonebook            |     100 |      100 |     100 |     100 |                                  \n  index.js            |     100 |      100 |     100 |     100 |                                  \n phonebook/model      |     100 |      100 |     100 |     100 |                                  \n  index.js            |     100 |      100 |     100 |     100 |                                  \n phonebook/repository |      20 |      100 |   22.22 |      25 |                                  \n  index.js            |      20 |      100 |   22.22 |      25 | 12-35                            \n phonebook/router     |   39.47 |        0 |   14.29 |   39.47 |                                  \n  index.js            |   39.47 |        0 |   14.29 |   39.47 | 16-24,30-37,43-48,53-57,62,66-69 \n phonebook/service    |      50 |      100 |   33.33 |      50 |                                  \n  index.js            |      50 |      100 |   33.33 |      50 | 14-26                            \n----------------------|---------|----------|---------|---------|----------------------------------\nTest Suites: 1 passed, 1 total\nTests:       1 passed, 1 total\nSnapshots:   0 total\nTime:        2.015 s\nRan all test suites.
\n

Além do teste passamos o parâmetro --coverage e com isso é gerado um html com um relatório da cobertura dos testes.

\n

\n