freeCodeCamp/curriculum/challenges/spanish/05-apis-and-microservices/basic-node-and-express/serve-static-assets.spanish.md

id, title, localeTitle, challengeType

id	title	localeTitle	challengeType
587d7fb0367417b2b2512bf0	Serve Static Assets	Servir activos estáticos	2

Description

Un servidor HTML generalmente tiene uno o más directorios que son accesibles por el usuario. Puede colocar allí los recursos estáticos que necesita su aplicación (hojas de estilo, scripts, imágenes). En Express puede implementar esta funcionalidad utilizando el middleware express.static(path) , donde el parámetro es la ruta absoluta de la carpeta que contiene los recursos. Si no sabes qué es un middleware, no te preocupes. Lo discutiremos más adelante en detalles. Básicamente, los middlewares son funciones que interceptan los manejadores de ruta, agregando algún tipo de información. Es necesario montar un middleware utilizando el método app.use(path, middlewareFunction) . El primer argumento de ruta es opcional. Si no lo pasa, el middleware se ejecutará para todas las solicitudes. Monte el middleware express.static() para todas las solicitudes con app.use() . La ruta absoluta a la carpeta de activos es __dirname + /public . Ahora su aplicación debería poder servir una hoja de estilo CSS. Desde fuera la carpeta pública aparecerá montada en el directorio raíz. Tu portada debería verse un poco mejor ahora!

Instructions

Tests

tests:
  - text: Su aplicación debe servir archivos de activos del directorio <code>/public</code>
    testString: 'getUserInput => $.get(getUserInput(''url'') + ''/style.css'').then(data => { assert.match(data, /body\s*\{[^\}]*\}/, ''Your app does not serve static assets''); }, xhr => { throw new Error(xhr.responseText); })'

Challenge Seed

Solution

// solution required