En esta página:
En la parte anterior de este tutorial llamada Como utilizar TypeScript en Node JS – Parte 1, creamos un nuevo proyecto en Node JS, asimismo iniciamos la configuración e integración de TypeScript en Node JS, creamos un archivo de configuración indispensable para este proyecto, ahora en esta segunda parte veamos que mas debemos configurar y hacer para poder usar TypeScript en Node JS, vamos con ello.
Partes
Antes de continuar con este Post, te invito a leer los siguientes artículos:
- Que es TypeScript y otros Detalles
- Que es y Como instalar Node JS
- Como usar Path Aliases (Alias de Ruta) con TypeScript en Node JS 13.7
- Diferencia entre Interface y Type en TypeScript
- Union Type y Literal Type en TypeScript
- Creando nuestra primera aplicación “Hola Mundo” con TypeScript 3.9
- Puedes leer más en la categoría TypeScript.
Asimismo te invito a escuchar el Podcast: “Donde buscar ayuda sobre Programación”:
| Spotify | SoundCloud |
 |
 |
Bien ahora continuemos con el Post: Como utilizar TypeScript en Node JS – Parte 3 (Final).
Para verificar que TypeScript se ha integrado correctamente en Node JS, voy a crear un servidor básico.
Verificación de la Integración de TypeScript en Node JS (Creación de Servidor Básico)
Creo un directorio con el nombre src en el directorio principal de mi proyecto.
|
1 2 3 4 5 6 7 8 |
/como_usar_typescript_en_nodejs ├── /node_modules ├── /src // Creo este directorio ├── package.json ├── package-lock.json ├── tsconfig.json |
Dentro del directorio src que he creado, creo un archivo con el nombre app.ts
|
1 2 3 4 5 6 7 8 9 |
/como_usar_typescript_en_nodejs ├── /node_modules ├── /src ├── app.js // Creo este Archivo ├── package.json ├── package-lock.json ├── tsconfig.json |
Abro el archivo app.ts y comienzo importando express.
|
1 2 3 4 |
// Importo Express import express from 'express'; |
Paso seguido declaro la variable app para usar express y la variable puerto con el valor 3000.
|
1 2 3 4 |
const app = express(); const puerto = 3000; |
Ahora voy a enviar un texto que diga Hola Nube Colectiva !, este aparecerá cuando se acceda a localhost:3000
|
1 2 3 4 5 |
app.get('/', (req, res) => { res.send('Hola Nube Colectiva !'); }); |
Por último ejecuto el servidor en el puerto 3000.
|
1 2 3 4 5 6 7 8 |
app.listen(puerto, err => { if (err) { return console.error(err); } return console.log(`El Servidor esta funcionado en el puerto ${puerto}`); }); |
A continuación el código completo del archivo app.ts
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
// Importo Express import express from 'express'; const app = express(); const puerto = 3000; app.get('/', (req, res) => { res.send('Hola Nube Colectiva !'); }); app.listen(puerto, err => { if (err) { return console.error(err); } return console.log(`El Servidor esta funcionado en el puerto ${puerto}`); }); |
Ahora ejecuto el siguiente comando para correr el servidor de Node JS que he creado.
|
1 2 3 4 5 |
npm start El Servidor esta funcionado en el puerto 3000 |
Si voy al navegador y abro la url local http://localhost:3000 puedo ver el mensaje que definí en mi archivo app.ts
Asimismo luego de arrancar el servidor, se me ha creado un directorio llamado dist con un archivo llamado app.js, este contiene la versión transpilada a TypeScript.
|
1 2 3 4 5 6 7 8 9 10 |
/como_usar_typescript_en_nodejs ├── /dis ├── app.js // Abro este Archivo ├── /node_modules ├── /src ├── package.json ├── package-lock.json ├── tsconfig.json |
Si abro el archivo app.js puedo ver el código de mi servidor en versión TypeScript.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
"use strict"; var __importDefault = (this && this.__importDefault) || function (mod) { return (mod && mod.__esModule) ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); // Importo Express const express_1 = __importDefault(require("express")); const app = express_1.default(); const puerto = 3000; app.get('/', (req, res) => { res.send('Hola Nube Colectiva !'); }); app.listen(puerto, err => { if (err) { return console.error(err); } return console.log(`El Servidor esta funcionado en el puerto ${puerto}`); }); //# sourceMappingURL=app.js.map |
De esta manera entonces hemos verificado que TypeScript esta integrado en Node JS.
Conclusión
Por medio de este tutorial has aprendido una forma práctica y rápida de integrar TypeScript en Node JS, la forma de integrarse puede cambiar según tus necesidades.
Nota (s)
- El código compartido en este tutorial pueden cambiar, quedar obsoleto o continuar, esto no depende de nosotros, si no de la empresa que dan soporte a Node JS y TypeScript, que suelen cambiar sus métodos y códigos en futuras versiones.
- No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.
Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.