Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 4nmiddlewares 736406952cdbbe2

    Cargado por

    Michael stiven
    5 vistas3 páginas

    Título original

    4nMiddlewares___736406952cdbbe2___

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    5 vistas3 páginas

    4nmiddlewares 736406952cdbbe2

    Cargado por

    Michael stiven

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 3

    CREAR SERVIDOR CON EXPRESS -

    MIDDLEWARES

    Con Express, podemos escribir y usar funciones middleware, que tienen acceso a todas las
    solicitudes HTTP que llegan al servidor. Estas funciones pueden:

     Ejecutar cualquier código.


     Realizar cambios en los objetos de solicitud y respuesta.
     Finalizar el ciclo de solicitud-respuesta.
     Llamar a la siguiente función de middleware de la pila.
     Podemos escribir nuestras propias funciones de middleware o usar middleware de terceros
    importándolos de la misma manera que lo haríamos con cualquier otro paquete.

    Funcionamiento de los middlewares:


    Express.js es un marco de enrutamiento y Middlewares para manejar los diferentes enrutamientos
    de la página web, y funciona entre el ciclo de solicitud y respuesta. Express.js utiliza diferentes tipos
    de funciones de middleware para completar las diferentes solicitudes realizadas por el cliente, por
    ejemplo, el cliente puede realizar solicitudes de obtención , colocación, publicación y eliminación .
    Estas solicitudes pueden manejarse fácilmente con estas funciones de middleware.

    Comencemos usando algunos middlewares existentes y más adelante nuestro propio middleware.
    express.json()
     La función express.json() es una función de middleware incorporada en Express. Analiza las
    requests entrantes con cargas útiles JSON y se basa en body-parser.
     ¿Cómo se usa?: Al método USE de nuestro servidor express, le pasamos como parámetro la
    función express.json(), asi: app.use(express.json())

    Cors()
     El Intercambio de Recursos de Origen Cruzado
    (CORS (en-US)) es un mecanismo que utiliza
    cabeceras HTTP adicionales para permitir que un
    user agent (en-US) obtenga permiso para acceder
    a recursos seleccionados desde un servidor, en un
    origen distinto (dominio) al que pertenece. Un
    agente crea una petición HTTP de origen cruzado
    cuando solicita un recurso desde un dominio distinto, un protocolo o un puerto diferente al
    del documento que lo generó.
     Más información sobre cors aquí: https://developer.mozilla.org/es/docs/Web/HTTP/CORS
     ¿Cómo se usa?: Al método USE de nuestro servidor express, le pasamos como parámetro la
    función cors(), asi: app.use(cors())

    express.static
    Ahora, intentemos usar middleware existente para servir archivos estáticos como por ejemplo,
    imágenes, archivos CSS y archivos JavaScript, utilizando la función de middleware incorporado
    express.static de Express. Veamos un ejemplo, vamos a utilizar express static para servir una página
    web (front-end).

    1. Creemos una carpeta llamada public en la raíz del proyecto.


    2. Dentro de la carpeta public creemos un archivo llamado index.html con el siguiente código:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    </head>
    <body>
    <h1>Sitio en Construcción</h1>
    </body>
    </html>

    3. Debemos pasar el nombre del directorio que contiene los activos estáticos a la función de
    middleware express.static para empezar directamente el servicio de los archivos, para
    nuestro caso es la carpeta public creada anteriormente

    app.use(express.static('public'));

    4. Ejecute el servidor y digite el dominio localhost:3000, obtendrá algo como esto:

    Middleware Personalizados
    Podemos crear varios middlewares personalizados utilizando express.js de acuerdo con el
    enrutamiento de la solicitud y también reenviar la solicitud al siguiente middleware.

    Estos middlewares son un poco más complejos, y hablaremos de ellos mas adelante.

    También podría gustarte