Implementando nuestra capa de Servicios

Clase 13 de 43 • Curso de Express.js 2018

Luis Lira

student•

Si lo estás viendo actualmente, desde hace tiempio express ya tiene incluido body parser por defecto. Por lo que sólo necesitas usar app.use(express.json())

Carlos Enrique Ramírez Flores

student•

Gracias por tu aporte, funciona a la perfeccion!!

Pan con jamón v:

student•

:D Luis

Antonio Luis Gil Rodríguez

student•

Parece que en las últimas versiones de express viene incorporado el bodyParser y solo haría falta hacer lo siguiente, sin necesidad de instalar otra dependencia:

app.use(express.json());

Guillermo Rodas

teacher•

Si, pero revisa que no recibas un mensaje warning por usar la version integrada. En versiones anteriores fue removida y luego la volvieron a incluir en el core de express.

Antonio Luis Gil Rodríguez

student•

Me gusta mucho esta arquitectura, y es muy difícil encontrar tutoriales o cursos que la pongan en práctica. Yo es la que implemento siempre, será por mi pasado en Java, pero creo que es la que tiene más sentido.
Lo único que mejoraría, pero es algo personal, es indicar la responsabilidad del archivo en su nombre, como por ejemplo, product.routes.js, product.service.js etc…

Freddy Córdova Arana

student•

Estoy de acuerdo contigo, también le pongo los nombres de acuerdo a su responsabilidad. Es cuestión de gustos.

Alejandro Valenzuela

student•

pensaba exactamente lo mismo!

Gerardo Manuel Reyes Fernández

student•

El método HTTP PUT únicamente permite reemplazar completamente un documento.
El método HTTP PATCH aplica modificaciones parciales a un recurso.

César Cubillos

student•

Me sirvió pero con body-parser, no con body-parse

Carlos Enrique Ramírez Flores

student•

solo usa app.use(express.json()); ya que express ya maneja esto por defecto en las ultimas versiones

Cristian Camilo Cucunubá

student•

El paquete que hay que instalar no es body-parser en vez de body-parse ?

Javier Serrano Lule

student•

Yo tenía entendido lo mismo :/

Cesar Eliezer Gomez Gutierrez

student•

pensé lo mismo

Sneider Sanchez

student•

Mi cerebro explotó.

Javier Serrano Lule

student•

¿Son lo mismo?

const {body: product} = request a const product = request.body.product

¿Alguien que sepa una fuente para comprender un poco mejor los destructuring?

Alejandro Sanabria

Team Platzi•

destructuring te ayuda a llamar las propiedades, sin necesidad de crear una variable como en tu segundo ejemplo y si son lo mismo...al final te ayuda a ahorrar lineas de código.

Ivan Ruiz Rosello

student•

Si son lo mismo, y yo recomandaría el destructurar de la siguiente forma para poder crear diferentes variables sin perder la legibilidad:

const { 
	body: product,
	x,
	y,
	z
} = request.body;

Leonardo Torrico Becerra

student•

npm i body-parse //Pero ya no es necesario instalarlo con hacer => app.use(express.json()) // ya funciona

@ wrosb

student•

Hay que tener cuidado, body-parser tiene otras utilidades además de 'parsear' a JSON un response.

Carlos Azaustre

student•

No he visto aún el resto del curso, pero tengo una duda.
¿No sería mejor que las vistas utilizaran el API para traer los datos en lugar de los servicios?

Guillermo Rodas

teacher•

¿Porque seria mejor? La idea de tener estas capas es tener el codigo desacoplado. Si le das esa responsabilidad a la vista, luego no podrias reutilizar tu logica de datos en otros servicios ó en el caso que propones en otras vistas, te tocaria duplicar tu codigo o moverlo a utilidades que eventualmente se van a convertir en servicios.

Julio J Yépez

student•

… de hecho, en las vistas no debería haber ningún tipo de lógica de negocios, sólo lo necesario para el renderizado. Es como lo veo.

Carlos Enrique Ramírez Flores

student•

My code!

const express = require('express');
const router = express.Router();
const ProductsService = require('../../services/products');

const productService = new ProductsService();

router.get('/', async (req, res, next) =&gt; {
    const { tag } = req.query;
    try {
        const product = await productService.getProducts({ tag });
        res.status(200).json({
            data: product,
            message: 'product listed'
        })
    } catch (error) {
        next(error);
    }

})

router.get('/:productId', async (req, res, next) =&gt; {
    const { productId } = req.params;
    try {
        const product = await productService.getProducts({ productId });
        res.status(200).json({
            data: product[0],
            message: 'product listed'
        })
    } catch (error) {
        next(error);
    }
})
router.post('/', async (req, res, next) =&gt; {
    const { formData: products } = req
    try {
        const product = await productService.createProduct({ formData });
        res.status(201).json({
            data: product[0],
            message: 'product created'
        })
    } catch (error) {
        next(error);
    }
})

router.put('/:productId', async (req, res, next) =&gt; {
    const { productId } = req.params;
    const { formData: product } = req.params;
    try {
        const product = await productService.updateProduct({ productId, formData });
        res.status(200).json({
            data: product[0],
            message: 'product updated'
        })
    } catch (error) {
        next(error);
    }
})


router.patch('/:productId', async (req, res, next) =&gt; {
    const { productId } = req.params;
    const { formData: product } = req.params;
    try {
        const product = await productService.updateProduct({ productId, formData });
        res.status(200).json({
            data: product[0],
            message: 'product patched'
        })
    } catch (error) {
        next(error);
    }
})


router.delete('/:productId', async (req, res, next) =&gt; {
    const { productId } = req.params;
    try {
        const product = await productService.deleteProduct({ productId });
        res.status(200).json({
            data: product[0],
            message: 'product deleted'
        })
    } catch (error) {
        next(error);
    }
})

module.exports = router;

Robinson Matias Aguilar Bascuñan

student•

porque el async en las funciones callback?

Sebastian Giraldo Martínez

student•

Perdón que lo pregunte a estas alturas, ¿pero qué es un Middleware?

Francisco Ponce

student•

Hola Sebastián

Un middleware es una pieza de código y en ocasiones se le suele llamar así a software que proporciona un enlace entre aplicaciones, sistemas o proyectos independientes. En otras palabras es un elemento que usamos como la vía para conectar dos aplicaciones o dos partes, su función es pasar datos entre ellas o de un lado a otro.

Bryan Estiven Silva Mercado

student•

adicional a lo mencionado, existen distintos tipos de middlewares como por ejemplo middlewares de terceros. validate sería un ejemplo que se ve mas adelante en una clase. también podemos crear nuestros propios middlewares

Victor Araya Romero

student•

Dejo mi solución al desafio de crear un endpoint con la acción HTTP PATCH:

router.patch('/:productId', async function (req, res, next) {
  const { productId } = req.params
  const { body: changedAttributes } = req

  try {
    const patchedProduct = await productService.patchProduct({ productId, changedAttributes })

    res.status(200).json({
      data: patchedProduct,
      message: 'product patched'
    })
  } catch (err) {
    next(err)
  }
})

Recordar que la acción PATCH se diferencia de la acción PUT en que este último sirve para modificar por completo un recurso especifico, mientras que PATCH servirá para modificar parte de un recurso especifico.

Carlos Bueno Tavares

student•

ok aunque la funcionalidad de put y patch sea la misma hay una gran diferencia y es que cuando utilizas put lo que haces es reescribir todo la informacion del producto en este caso y si no existe la crea y por lo tanto tienes que mandar el objeto entero a diferencia de patch que puedes reescribir una parte especifica y no hay necesidad de mandar toda la informacion.

resources: https://rapidapi.com/blog/put-vs-patch/

Ivan Cardozo

student•

Esta clase es demaciado genial , todo en este curso es genial . Enserio , este profesor la rompe.

Santiago Soto

student•

PATCH: Actualizar un recurso completamente, por ejemplo actualizar todo el producto con ID específico.

PUT: Para actualizar ciertos atributos del recurso, por ejemplo sólo actualizar el precio de un producto.

David Vargas Domínguez

student•

Creo que es al revés

lo que hace PATCH es aplicar modificaciones parciales al producto en este caso

https://developer.mozilla.org/es/docs/Web/HTTP/Methods/PATCH

Andres Roberto Coello Goyes

student•

npm install body-parse --save

const bodyParse = require('body-parse');
app.use(body-parse.json());

Carlos Enrique Ramírez Flores

student•

no es necesario body parser solo usa app.use(express.json());

Genessis Jimenez

student•

Esperaba que en algún punto se explicara como funciona lo de req, res y sobre todo next. Se va a hacer más adelante o es en otro curso?

Mitchell Contreras

student•

en este video hablan sobre eso
https://platzi.com/clases/1437-express-js/15735-que-es-un-middleware-y-que-tipos-existen/.
La explicación completa sobre esto se puede encontrar en la documentación oficial:
https://expressjs.com/es/guide/writing-middleware.html
dentro de el esta los link donde explican req, res

Guillermo Rodas

teacher•

Tambien en esa lectura hablamos solo del req object: https://platzi.com/clases/1437-express-js/16085-request-object/

Santiago Ortiz Ceballos

student•

Hola! las diapositivas estan disponibles para descargar?

Naldo Duran

student•

✌