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

Introdução

\n

No último artigo vimos como integrar a uma aplicação Express com o banco de dados não relacional MongoDB. Porém detectamos que estávamos expondo mais informações do que queríamos na resposta das operações, ex:

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

A exposição do campo _id não é uma boa pratica pois pode expor detalhes internos que não queremos compartilhar com o mundo externo.

\n

Além disso a API ainda não efetua nenhuma validação sobre os dados que recebe e como queremos manter a consistência dos dados que serão inseridos iremos adicionar ao projeto a biblioteca de validações Joi e o middleware Celebrate para tratamento das respostas da API.

\n

Transformando o modelo

\n

No primeiro artigo criamos a classe Contact mas não chegamos a usá-la, agora iremos revê-la e começaremos a usar o modelo na aplicação.

\n

É muito importante ser definido um domínio para a sua aplicação, um domínio bem estruturado e planejado impede que aplicações que começaram simples cresçam sem controle, agregando mais responsabilidades do que deveriam lidar. Esse é um problema antigo mas com o advento dos microservices ficou explícito o quanto é importante haver um domínio bem estruturado.

\n

Nessa aplicação o domínio é óbvio, contatos, porém nem sempre isso é tão claro e vale a pena investir um bom tempo separando os domínios de uma aplicação e como eles se relacionam e trocam informações uns com os outros.

\n

Olhando para o arquivo na pasta model temos o seguinte:

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

Um ponto importante sobre domínios de aplicação é que eles não devem guardar informações que não sejam referentes ao seu domínio. Parece óbvio essa ideia porém como visto no exemplo acima temos um objeto Contato porém existe nele um campo chamado id que poderia ser usado por um banco de dados contudo não agrega valor ao domínio Contato, a primeira coisa seria excluí-lo. A segunda coisa que podemos usar para nos ajudar a manipular os dados do nosso domínio é ter uma forma de criarmos o objeto, uma função criadora que receba os dados de um contato e devolva uma instância pronta. Há algumas formas de fazer porém aqui iremos usar um construtor, uma função que toda classe já possui no JavaScript e já é responsável por criar o objeto.

\n

Para podermos usar um construtor é necessário algumas alterações no objeto Contato:

\n
class Contact {\n\n    constructor(name, telephone, address){\n        this.name = name\n        this.telephone = telephone\n        this.address = address\n    }\n\n}\n\nmodule.exports = Contact
\n

Agora tiramos o campo id do domínio e alteramos o objeto Contato para que ele seja uma classe, com um construtor e três variáveis que são informadas no momento da criação.

\n

Vamos usar a classe Contato, porém onde seria o lugar mais apropriado para isso?

\n

Podemos delegar para a camada da nossa aplicação que é responsável por executar a lógica, a camada Service. Faz sentido pois nessa camada executamos as regras que são pertinentes e salvamos no banco de dados, então bem que podemos fazer esse tratamento lá.

\n
const Contact = require('../model')\n\nclass Service{\n\n    constructor(repository){\n        this.repository = repository\n    }\n\n    create(body){\n        const contact = new Contact(body.name, body.telephone, body.address)\n        this.repository.insert(contact)\n    }\n    \n    async getById(name){\n        const contact = await this.repository.selectById(name)\n\n        return new Contact(contact.name, contact.telephone, contact.address)\n    }\n    \n    async getAll(){\n        const contactList = await this.repository.selectAll()\n\n        const result = contactList.map((contact) => {\n            return new Contact(contact.name, contact.telephone, contact.address)\n        })\n\n        return result\n    }\n    \n    async put(name, body){\n        const contact = await this.repository.update(name, new Contact(body.name, body.telephone, body.address))\n\n        const result = contact.value\n\n        return new Contact(result.name, result.telephone, result.address)\n    }\n\n    async patch(name, body){\n        return this.repository.patch(name, body);\n    }\n    \n    remove(name){\n        this.repository.remove(name)\n    }\n\n}\n\nmodule.exports = Service
\n

No código acima para cada ponto que precisamos inserir ou recuperar os dados da aplicação iremos usar a classe Contato para mantermos o padrão de domínio.

\n

Para ficar mais claro iremos fazer as requisições para a API e ver as respostas.

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

E temos como resposta o seguinte:

\n
{\n    \"name\": \"Kelly\",\n    \"telephone\": \"1199999999\",\n    \"address\": \"Rua dos Bobos n 2\"\n}
\n

Podemos notar que não existe mais um campo id, apesar de internamente existir e ser importante para o banco de dados para o nosso domínio e para a nossa resposta ao usuário que fez essa chamada não é.

\n

Adicionando validação

\n

A nossa aplicação ainda não é capaz de validar a entrada de dados. Validar entrada de dados é algo que pode começar simples e logo se torna muito complicado dependendo das regras, para nos ajudar com isso existe uma biblioteca especializada nisso, o JOI, onde conseguimos definir regras a serem seguidas. Validar entrada de dados é algo que pode ser muito complicado e o JOI possui uma vasta documentação para nos ajudar com regras, desde as mais simples até as mais complexas usando Regex.

\n

Em conjunto com o JOI, que faz a validação dos dados que estão entrando na aplicação precisamos devolver uma resposta clara e padronizada ao usuário sobre o erro ocorrido. Para isso usaremos o middleware Celebrate que integra muito bem ao JOI.

\n

Precisamos adicionar somente o Celebrate ao projeto, pois o JOI é usado internamente pelo Celebrate:

\n
npm install --save celebrate
\n

E vamos começar criando a parte da nossa aplicação que será responsável por fazer as validações, vamos criar um pasta chamada validation e nela criamos o arquivo index.js:

\n
const { Joi } = require('celebrate')\n\nconst bodySchema = Joi.object().keys({\n    name: Joi.string().min(3).required(),\n    telephone: Joi.string().required(),  \n    address: Joi.string().required()\n})\n\nconst pathSchema = { name: Joi.string().min(3).required() } \n\nmodule.exports = {\n    bodySchema,\n    pathSchema\n}
\n

Definimos as seguintes validações:

\n\n

Agora precisamos adicionar essas validações nas rotas, mas antes disso para que o Celebrate possa lidar com as mensagens de erro é necessário adicioná-lo como middleware para o Express:

\n
const express = require('express')\nconst app = express()\nconst bodyParser = require('body-parser')\nconst router = require('./router')\n//Declaração do middleware de erros do Celebrate\nconst { errors } = require('celebrate')\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\n//Inclusão do middleware\napp.use(errors())\n\nconst server = app.listen(3000, () => console.log('A API está funcionando!'))\n\nmodule.exports = server
\n

E após podemos adicionar as validações nas rotas:

\n
const { celebrate, Segments } = require('celebrate')\nconst validation = require('../validation')\n\nrouter.post('/', celebrate({[Segments.BODY]: validation.bodySchema }), async (req, res) => {\n    const contact = req.body\n\n    service.create(contact)\n\n    res.status(201).json(contact)\n})\n\nrouter.get('/:name', celebrate({[Segments.PARAMS]: validation.pathSchema }), async (req, res) => {\n\n    const id = req.name_from_param\n\n    const result = await service.getById(id)\n    if(result !== undefined){\n        res.status(200).json(result)\n        return\n    }\n    \n    res.sendStatus(204)\n    \n})
\n

As funções de rotas do Express podem receber um argumento que é um handler e no nosso caso será o Celebrate juntamente com a validação do JOI.

\n

Na função celebrate é passado um objeto onde a chave é o segmento, Segments, que deve ser validado, no nosso exemplo validamos tanto o body com o Segments.BODY e o pathParam com o Segments.PARAMS; e o valor é a validação que deve ser aplicada.

\n

Com isso podemos testar a API, primeiramente com POST:

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

E teremos a seguinte validação:

\n
{\n    \"statusCode\": 400,\n    \"error\": \"Bad Request\",\n    \"message\": \"celebrate request validation failed\",\n    \"validation\": {\n        \"body\": {\n            \"source\": \"body\",\n            \"keys\": [\n                \"telephone\"\n            ],\n            \"message\": \"\\\"telephone\\\" is required\"\n        }\n    }\n}
\n

E agora com um GET:

\n
curl --location --request GET 'http://localhost:3000/api/k'
\n

E como resposta teremos:

\n
{\n    \"statusCode\": 400,\n    \"error\": \"Bad Request\",\n    \"message\": \"celebrate request validation failed\",\n    \"validation\": {\n        \"params\": {\n            \"source\": \"params\",\n            \"keys\": [\n                \"name\"\n            ],\n            \"message\": \"\\\"name\\\" length must be at least 3 characters long\"\n        }\n    }\n}
\n

Conclusão

\n

Nesse artigo foi apresentado como podemos deixar a nossa aplicação um pouco mais coerente através de uma especificação de domínio e inserir validações que nos ajudam a proteger a aplicação de inserção de dados errados ou consultas desnecessárias.

\n

Código do projeto

\n

O código desse artigo está no GitHub.

","fields":{"slug":"/express-celebrate-joi/"},"frontmatter":{"date":"27 de abril de 2021","description":"Utilizando Celebrate e Joi para validações","title":"Validando endpoints com NodeJS","tags":["JavaScript","NodeJS","Express","Celebrate","Joi","Validação"],"author":"Guilherme Alves","image":{"id":"977b7753-1817-5bbd-81a6-5e20d456312b","publicURL":"/static/a5935ca36776cba2ebe24350aecb97cd/capa-express-celebrate-joi.png","childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABT0lEQVQoz5VS207CQBTs3/oJ/oaPvpmY+EQMRiVEgwkqBdMLhZbGavRJa6FQ0hqotHR37G4llIopns3J2bOXmcnsCoQQWM8vEBUV7dsumjcdaN0envqPEJsPaHf6iOMELCilKAshXi7RupNxdnqBWu0alcolGlctNO5FHFROcF6tYxFF/DAjZ6D5LBIJa+w529pgmyMpVVQEF3jDBgVPpsL+sDF2x5gFn3i3bbiuC8dxYKfz4XDIe1Z/KaRc4SZDGIaQZRmKokBKq2ma0DSNV0mSMBgMoOs6DMPA12KxVkkyDCEvfeXTZDJBEATwPA+WZcH3fU7E+ul0yhW6oxGiOOZ34ihI7/SKHu72ittCTn/Jm+tsAub9KMtlQvjZI3GMvcMOqqKa7RUV/gVeXEtINq/rHvaPVbyOwh+76HbAXYIU7Fn1/wbMVK9B+FfLqf8GmA5PuQbZl0QAAAAASUVORK5CYII=","aspectRatio":1.7777777777777777,"src":"/static/a5935ca36776cba2ebe24350aecb97cd/0823f/capa-express-celebrate-joi.png","srcSet":"/static/a5935ca36776cba2ebe24350aecb97cd/c67b7/capa-express-celebrate-joi.png 320w,\n/static/a5935ca36776cba2ebe24350aecb97cd/d3930/capa-express-celebrate-joi.png 640w,\n/static/a5935ca36776cba2ebe24350aecb97cd/0823f/capa-express-celebrate-joi.png 1280w,\n/static/a5935ca36776cba2ebe24350aecb97cd/c730b/capa-express-celebrate-joi.png 1920w,\n/static/a5935ca36776cba2ebe24350aecb97cd/55bfe/capa-express-celebrate-joi.png 2240w","sizes":"(max-width: 1280px) 100vw, 1280px"}}}},"timeToRead":7}},"pageContext":{"slug":"/express-celebrate-joi/","previous":{"fields":{"slug":"/express-rest-db/"},"frontmatter":{"title":"Express e MongoDB","date":"19 abr, 2021"}},"next":{"fields":{"slug":"/nestjs-fastify-typeorm/"},"frontmatter":{"title":"Criando uma aplicação REST com NestJS, Fastify e TypeORM","date":"01 jun, 2021"}}}},"staticQueryHashes":["63159454"]}