Passo a passo de como configurar uma API Express com rotas, middlewares, testes e tratativa de erro síncrono e assíncrono.
não iremos focar em versões dos módulos.
mkdir my-api-express
cd my-api-express
npm init -y
nodemon serve para facilitar na hora de desenvolvimento da API, ele quem vai ficar "ouvindo" arquivos, e após algum arquivo for alterado e salvo o servidor reiniciará automaticamente.
npm i express && npm i -D nodemon
...
"script": {
...
"start": "node src/server.js",
"dev": "nodemon src/server.js",
...
}
mkdir src src/routes
cd src
touch app.js server.js
app.js
const express = require('express');
const app = express();
app.use(express.json());
app.get('/', (req, res) => res.status(200).json({message: "server are working"}));
app.use((req, res) => res.status(404).json({message: "nothing to see here"}));
module.exports = app;
veja que criamos uma rota "default" de status
404que significanot foundpara caso, qualquer requisição que não esteja dentro das nossas rotas, seja direcionado para ela.
server.js
const app = require('./app');
const PORT = 3001;
app.listen(PORT, () => console.log(`server running on port ${port}`));
npm run dev
Pronto! Com isso, você já pode fazer uma requisição GET para localhost:3001 e verá que o servidor já está funcionando.
cd routes
touch anotherRouter.js
anotherRouter.js
const express = require('express');
const route = express.Router();
route.get('/', (req, res) => res.status(200).json({message: "you are on /another."}));
route.get('/:name', (req, res) => {
const { name } = req.params;
res.status(200).json({message: `you are on /another/${name}, which is a dynamic route.`});
})
module.exports = route;
...
const anotherRouter = require('./routes/anotherRouter');
...
app.use('/another', anotherRouter);
...
Atenção! a linha
app.use('/another', anotherRouter);deve vir antes de qualquer outra rota existente no arquivoapp.js
Pronto! Com isso, você já pode fazer uma requisição GET para localhost:3001/another ou localhost:3001/another/jorel e verá que nossa rota vindo de outro arquivo está funcionando.
Para criação de testes, usaremos apenas 2 (dois) módulos, Mocha e Chai e 1 (um) plugin do Chai, o Chai-http.
instalaremos como dependência de desenvolvimento, já que testes não necessitam na produção.
npm i -D mocha chai chai-http
...
"scripts": {
...
"test": "mocha tests/**/*.test.js --exit",
...
}
mkdir tests
cd tests
touch app.test.js
app.test.js
const app = require('../src/app');
const chai = require('chai');
const chaiHttp = require('chai-http');
chai.use(chaiHttp);
const { expect } = chai;
describe('Test default route "/"', function() {
it('If are healthy', async function() {
const res = await chai.request(app).get('/');
expect(res.status).to.be.equal(200);
expect(res.body.message).to.be.equal('server are working');
});
});
describe('Test route and subroutes of "/another"', function() {
it('If default are healthy', async function() {
const res = await chai.request(app).get('/another');
expect(res.status).to.be.equal(200);
expect(res.body.message).to.be.equal('you are on /another.');
});
it('If dinâmic are healthy', async function() {
const res = await chai.request(app).get('/another/jorel');
expect(res.status).to.be.equal(200);
expect(res.body.message).to.be.equal('you are on /another/jorel, which is a dynamic route.');
});
});
npm run dev
Atenção! tente quebrar o teste de algum jeito para ter certeza que não é um falso positivo.
Vamos criar um middleware onde se for passado hacker para a rota dinâmica, ele recusará e lançará um erro.
mkdir middlewares
cd middlewares
touch verifyName.js
verifyName.js
const verifyName = (req, res, next) => {
const { name } = req.params;
if(name !== 'hacker') return next();
next({statusCode: 400, message: 'get out! >:[ '})
};
module.exports = verifyName;
anotherRouter.js
...
const verifyName = require('../middlewares/verifyName');
...
... router.get('/:name', verifyName, (req, res) => {...
...
app.js
...
app.use((err, req, res, next) => res.status(err.statusCode).json({message: `${err.message}`}));
module.exports = app;
Atenção! Essa linha de código deve ficar por último no
app.js!
Pronto! Com isso fizemos um middleware e qualquer erro lançado no next virá para nossa tratativa de erro síncrona.
npm i express-async-errors
app.js
...
require('express-async-errors');
...
@luandersonalvesdev faz sentido instalar o nodemon como devDependece, pois em produção ele não vai ser usado