Saltar al contenido

¿Cómo Instalar e Iniciar Express JS?

4 junio, 2019

Express.js es la opción más popular cuando se trata de crear aplicaciones web con Node.js. Sin embargo, al decir aplicaciones web. ¿Cómo Instalar ExpressJS y Ponerlo en Marcha?

A menudo no es para nada visible en el navegador (excluyendo la representación del lado del servidor). En su lugar, Express.js, un marco de aplicación web para Node.js.

Le permite crear aplicaciones de servidor en Node.js. Como una aplicación de fondo, es el pegamento entre su aplicación de frontend.

Una posible base de datos u otras fuentes de datos (API REST, API GraphQL, …). Solo para darle una idea, la siguiente es una lista de pilas de tecnología para crear arquitecturas cliente-servidor.

¿Cómo Instalar ExpressJS y Ponerlo en Marcha?

npm instalar Express

Ahora, en su src / index.js archivo, use el siguiente código para importar Express.js, para crear una instancia de una aplicación Express y para iniciarla como servidor Express:

importar exprimir desde 'expreso';

const aplicación = expreso();

aplicación.escucha(3000, () =>

 consola.log('Aplicación de ejemplo escuchando en el puerto 3000!'),

);

Una vez que inicie su aplicación en la línea de comandos con el inicio de npm, debería poder ver la salida en la línea de comandos: Ejemplo aplicación escuchando en Puerto 3000!

Su servidor Express está en funcionamiento. Todo lo que debería suceder después de que su aplicación Express se haya iniciado entra en la función de devolución de llamada.

El método en sí toma otro parámetro como primer parámetro, que es el puerto de la aplicación en ejecución. Es por eso que después de iniciarlo, la aplicación está disponible vía http: // localhost: 3000.

Sin embargo, no debería haber nada disponible en esta URL cuando lo visite en su navegador. Obtendremos un adelanto de esta URL a continuación antes de profundizar en ella más adelante.

Variables de Entorno en Express.js

Antes de configurar las variables de entorno para su aplicación Node.js. Usemos una variable de entorno para configurar su puerto en lugar de codificarlo en el código fuente.

Si no existe tal archivo, cree un nuevo .env archivoen su proyecto. De lo contrario, utilice el .env archivoque ya está allí. Déle un nuevo par de valores clave para definir su puerto:

PORT=3000

Ahora en su src / index.js archivo, importe el paquete de nodo que hace que las variables de entorno estén disponibles en su código fuente y use la variable de entorno PORT para iniciar su aplicación Express .

importar 'dotenv / config';

importar cors desde 'cors';

importar exprimir desde 'expreso';

const aplicación = expreso();

aplicación.utilizar(cors());

aplicación.obtener('/', (Req, res) => {

 res.enviar('Hello World!');

});

aplicación.escuchar(proceso.env.puerto, () =>

 consola.log(`Aplicación de ejemplo que escucha en el puerto $ {process.env.PORT}!`),

);

En lugar de exponer el puerto que se usa en el código fuente, lo ha almacenado en un lugar más sensible en sus variables de entorno.

Si está utilizando Git con algo como GitHub, puede excluir queno se .envcargue en el repositorio de GitHub agregándolo a su .gitignore archivo.

Así es como los datos sensibles se mantienen alejados de los repositorios públicos de Git como GitHub. Si implementa su aplicación en la producción eventualmente.

Puede agregar las variables de entorno como un .env archivo en su servidor web que está sirviendo su aplicación.

¿Nos das 5 estrellas? ?