Proyecto de Nodejs: Cómo crearlo con EJS+TS

proyecto de Node.js

Cómo crear un proyecto de Nodejs con Express+TypeScript

Proyecto de Nodejs – Un tutorial muy breve sobre la creación inicial de un servidor Node.js utilizando TypeScript y Express.


¿Por qué estoy escribiendo este breve tutorial? Mi intención es bastante simple de explicar: en el futuro, escribiré algunos artículos que necesitan un proyecto de este tipo.

Y dado que no quiero escribirlo una y otra vez, simplemente me referiré a este artículo aquí para aquellos que no están seguros de cómo llegar a un proyecto de TypeScript.

Comencemos configurando un proyecto de Nodejs simple con TypeScript.

Primero creamos un nuevo directorio de proyectos.

$ mkdir event-sourcing-example
$ cd event-sourcing-example/

Ahora inicializamos Node en este directorio. Con el indicador -y se utilizan los valores predeterminados, lo que debería ser bueno para la implementación ejemplar.

$ npm init -y

Ahora instalemos las dependencias de TypeScript. No los necesitamos en tiempo de ejecución y, por lo tanto, los instalamos como dependencias de desarrollo. Además, todavía necesitamos Express para ejecutar un servidor Node.js.

$ yarn add express
$ yarn add typescript tslint @types/express -D

Ahora tiene que agregar un archivo con la configuración de TypeScript.

$ touch tsconfig.json

Agregue el siguiente contenido a este archivo.

{
"compilerOptions": {
"module": "commonjs",
"esModuleInterop": true,
"target": "es6",
"moduleResolution": "node",
"sourceMap": true,
"outDir": "dist"
},
"lib": ["es2015"]
}

Agregue/reemplace la siguiente parte al paquete.json.

"main": "dist/server.js",
"scripts": {
"dev": "tsc && node dist/server.js",
"test": "echo \"Error: no test specified\" && exit 1"
},
...

Cree un archivo ‘server.ts’, que contendrá el código para Express Server, de la siguiente manera:

$ mkdir src && touch src/server.ts

Para asegurarse de que todo está correcto, puede verificar si su proyecto se ve así:

.
|-- node_modules
|-- package.json
|-- src
| `-- server.ts
|-- tsconfig.json
`-- yarn.lock

Luego agregue ese código al archivo server.ts.

import express from 'express';

const app = express();
const port = 9000;

app.get('/', (req, res) => {
    res.send('Server is up and running!');
});

app.listen(port, () => {
    console.log(`Server is listening on ${port}`);
});

¡Genial! Ya estamos listos para ejecutar el servidor.

$ yarn run dev

En otra ventana de terminal (o en el navegador) podemos comprobar si el servidor se está ejecutando.

$ curl localhost:9000

Si todo está bien, deberíamos ver el resultado “¡El servidor está funcionando!”.

¡Eso es todo! Ahora puede comenzar a implementar su API o aplicación.

¡Buena suerte!

Recent Post