La función express.static() es una función de middleware integrada en Express. Sirve archivos estáticos y se basa en serve-static. Sintaxis:
express.static(root, [options])
Parámetros: el parámetro raíz describe el directorio raíz desde el que servir los activos estáticos. Valor de Retorno: Devuelve un Objeto. Instalación de módulo express:
- Puede visitar el enlace para instalar el módulo Express . Puede instalar este paquete usando este comando.
npm install express
- Después de instalar el módulo express, puede verificar su versión express en el símbolo del sistema usando el comando.
npm version express
- Después de eso, puede simplemente crear una carpeta y agregar un archivo, por ejemplo, index.js. Para ejecutar este archivo, debe ejecutar el siguiente comando.
node index.js
Ejemplo 1: Nombre de archivo: index.js
javascript
var express = require('express');
var app = express();
var path = require('path');
var PORT = 3000;
// Static Middleware
app.use(express.static(path.join(__dirname, 'public')))
app.get('/', function (req, res, next) {
res.render('home.ejs');
})
app.listen(PORT, function(err){
if (err) console.log(err);
console.log("Server listening on PORT", PORT);
});
Ahora, cree el archivo home.ejs en la carpeta de vistas con el siguiente código: Nombre de archivo: home.ejs
html
<!DOCTYPE html> <html> <head> <title>express.static() Demo</title> </head> <body> <h2>Greetings from GeeksforGeeks</h2> <img src="Demo.jpg" width="150" height="100" /> </body> </html>
Pasos para ejecutar el programa:
- La estructura del proyecto se verá así:
Nota: Demo.jpg se coloca en la carpeta pública, ya que la carpeta pública ahora se sirve como estática para el servidor. - Asegúrese de haber instalado el módulo express y ejs usando el siguiente comando:
npm install express npm install ejs
- Ejecute el archivo index.js usando el siguiente comando:
node index.js
- Producción:
Server listening on PORT 3000
- Ahora abra su navegador y vaya a http://localhost:3000/ , verá el siguiente resultado en su pantalla:
Ejemplo 2: Nombre de archivo: index.js
javascript
var express = require('express');
var app = express();
var path = require('path');
// Static Middleware
console.log(app.use(express.static(
path.join(__dirname, 'public'))))
Ejecute el archivo index.js usando el siguiente comando:
node index.js
Producción:
[Function: app] EventEmitter {
_events: [Object: null prototype] { mount: [Function: onmount] },
_eventsCount: 1,
_maxListeners: undefined,
setMaxListeners: [Function: setMaxListeners],
getMaxListeners: [Function: getMaxListeners],
emit: [Function: emit],
.
.
.
.
locals: [Object: null prototype] {
settings: {
'x-powered-by': true,
etag: 'weak',
'etag fn': [Function: generateETag],
env: 'development',
'query parser': 'extended',
'query parser fn': [Function: parseExtendedQueryString],
'subdomain offset': 2,
'trust proxy': false,
'trust proxy fn': [Function: trustNone],
view: [Function: View],
views: 'C:\\Users\\Lenovo\\Downloads\\GFG
Reviewer Internship\\Program\\views',
'jsonp callback name': 'callback'
}
},
mountpath: '/',
_router: [Function: router] {
params: {},
_params: [],
caseSensitive: false,
mergeParams: undefined,
strict: false,
stack: [ [Layer], [Layer], [Layer] ]
}
}
Referencia: Documentación Oficial
Publicación traducida automáticamente
Artículo escrito por gouravhammad y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA