TUTORIAL: Cómo crear una app con expressjs en node y otras cosas

  • por

Buenos días estimados lectores,

Estas semanas he estado creando nuevas soluciones en tecnologías basadas en NodeJS – Electron y Express – cuyo código fuente está publicado en un repositorio en GitHub. Node se ha convertido en una herramienta súper poderosa en el desarrollo de aplicaciones en los últimos años, quedando cómo un estándar en la programación de soluciones. Así como ha sucedido con ExpressJS y más recientemente con ElectronJS.

ElectronJS es un conjunto de utilidades para el desarrollo de aplicaciones de escritorio utilizando tecnologías web. Resulta genial el poder aplicar las mismas tecnologías en la web que para apps de escritorio. Además que con Electron conservas el Look and Feel del entorno para el que estés desarrollando.

Ahora sí! Vamos con el tutorial, de cómo crear un server con Node + ExpressJS (y no morir en el intento.)

Lo primero es instalar express a través de npm (node package manager) en la consola, asumiendo quwe ya tenemos node instalado en el sistema:

npm i express

luego de esto, empezamos a escribir nuestro index.js tal que así:

Declaramos la app de express tal que así:

const express = require('express');

const app=express();

Luego declaramos las rutas a las páginas que queremos mostrar en nuestro server, en caso de querer renderizar html:

/**serves main page**/
app.get("/", function(req, res) {
res.sendFile(__dirname + '/index.html')
});
/* RUTAS */
app.post("/home", function(req, res) {
/* some server side logic */
res.send("OK");
});
app.post("/api", function(req, res) {
/* some server side logic */
res.send("OK");
});
/* FIN RUTAS */
/* serves all the static files */
app.get(/^(.+)$/, function(req, res){
console.log('static file request : ' + req.params);
res.sendFile( __dirname + req.params[0]);
});
var port = process.env.PORT || 5000;
app.listen(port, function() {
console.log("Listening on " + port);
});

iniciamos el server con el método listen como se muestra arriba con app.listen.

En este caso en el puerto 5000, aunque pudiera ser otro pruerto diferente. Mas alto que 1024. Normalmente los puertos inferiores están reservados para operaciones del sistema.

con esto:

/* serves all the static files */
app.get(/^(.+)$/, function(req, res){
console.log('static file request : ' + req.params);
res.sendFile( __dirname + req.params[0]);
});

Estamos declarando la ruta de los archivos estáticos que vamos a cargar. Como archivos css, js, etc.

Pueden revisar el código completo en este enlace.

Hasta una próxima entrega.

Deja un comentario

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