Scaffolding de una aplicación ExpressJS desde cero

El andamiaje está creando la estructura básica de la aplicación. Permite a los usuarios crear sus propios directorios públicos, rutas, vistas, etc. Una vez que se construye la estructura de la aplicación, el usuario puede comenzar a construirla. Express es el marco de desarrollo web de código abierto para Node.js para crear aplicaciones web y las API. Para instalar Express en el entorno Node.js, use NPM (Node Package Manager)

Sintaxis:

npm install express --save

Para usar express en el Node, use la siguiente sintaxis:

var express = require('express');

Requisitos previos: Node.js debe estar instalado de antemano. Use el enlace para conocer los requisitos previos: https://www.geeksforgeeks.org/nodejs-connect-mongodb-node-app-using-mongoosejs/ . Primeros pasos: uso del paquete express-generator para instalar la herramienta de línea de comandos ‘express’ . express-generator se utiliza para crear la estructura de la aplicación. 

Instalación de express-generator: 

Pasos: 

1. Navegue a la carpeta donde se creará la aplicación utilizando el terminal.

 2. Ahora en la terminal, instale express-generator usando el siguiente comando.

npm install express-generator -g 
installing express-generator globally gfg

Instalación de express-generator globalmente

Nota: npm instala los paquetes de dos maneras: localmente (predeterminado) y globalmente . Los paquetes instalados localmente son locales para el proyecto actual y los paquetes instalados globalmente son paquetes globales que, una vez instalados, se pueden usar en cualquier parte de su sistema. Scaffolding de la aplicación: La imagen de abajo muestra el scaffolding de la aplicación. La estructura básica de la aplicación se está creando si se observa. Se están creando directorios públicos, caminos, rutas, vistas, etc. que formarían la estructura de la aplicación.

express app scaffolded gfg

aplicación express con andamios

Carpeta del proyecto: La carpeta del proyecto está constituida por varias carpetas/archivos que se pueden ver en la imagen. Al comparar la estructura de scaffolding y la estructura del proyecto, se puede ver claramente que las carpetas/archivos creados en modo estructural están presentes en la carpeta del proyecto, que era el propósito de scaffolding de la aplicación.

The GeeksForGeeks Sample application that we scaffolded constitution image. You can see various files and folders likes routes, public, package.json

La aplicación de muestra GeeksForGeeks que se aplicó con andamios constituye la imagen. Se pueden ver varios archivos y carpetas como rutas, público, paquete.json, etc.

Explicación: Explicación de los archivos/carpetas en el proyecto. 

1. bin: El archivo dentro de bin llamado www es el archivo de configuración principal de nuestra aplicación. 

2. público: la carpeta pública contiene los archivos que se harán públicos para su uso, como archivos JavaScript, archivos CSS, imágenes, etc. 

3. Rutas: la carpeta de rutas contiene archivos que contienen métodos para ayudar a navegar a diferentes áreas del mapa. Contiene varios archivos js. 

4. vistas: la carpeta de vistas contiene varios archivos que forman parte de las vistas de la aplicación. 

Ejemplo: página de inicio, la página de registro, etc. 

Nota: La extensión de los archivos al momento de escribir este artículo es .jade . Cambie estas extensiones de archivo a .pug ya que el proyecto jade ha cambiado a pug.

In the app.js file, change the following code:
app.set('view engine', 'jade'); (most probably in line 15)
to :
app.set('view engine', 'pug');

This will change the view engine to pug.

5. app.js : el archivo app.js es el archivo principal que es el encabezado de todos los demás archivos. Los diversos paquetes instalados tienen que ser ‘requeridos’ aquí. Además de esto, sirve para muchos otros propósitos, como el manejo de enrutadores, middle-wares, etc. 

6. package.json : el archivo package.json es el archivo de manifiesto de cualquier proyecto Node.js y aplicación express.js. Contiene los metadatos del proyecto, como los paquetes y sus versiones utilizadas en la aplicación (llamadas dependencias), varios scripts como inicio y prueba (ejecutados desde la terminal como ‘npm start’), nombre de la aplicación, descripción de la aplicación, versión de la aplicación, etc. 

Ejecución de la aplicación Scaffold: Instale todas las dependencias mencionadas en el archivo package.json necesario para ejecutar la aplicación mediante el siguiente comando:

npm install

Después de instalar las dependencias, ejecute el siguiente comando para iniciar la aplicación ExpressJs:

npm start

Publicación traducida automáticamente

Artículo escrito por Parikshit Hooda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *