NodeJS es un entorno de programación en la capa del servidor basado en el lenguaje de programación ECMAScript, con I/O de datos en una arquitectura orientada a evento.

TypeScript es un lenguaje de programación estructurado para  JavaScript creado por Microsoft para crear aplicaciones robustas. Esto lo consigue mediante:

  • Código más homogéneo y mantenible
  • Comprobación estática de tipos (opcional y de momento sólo con Visual Studio)
  • Object Oriented Programming: clases, herencia e interfaces
  • Separation of Concerns (SoC): mediante la organización del código en módulos que se pueden cargar de forma dinámica

La curva de aprendizaje de typeScript será sealmente suave siempre y cuando se tengan conocimientos de Javascript.

En el presente artículo les mostrare como implementar typescript con NodeJS en 10  pasos.

Para ello vamos a necesitar de un IDE de programación, en nuestro caso usaremos sublime text ya que este no pesa mucho y entiende perfectamente la sintaxis de typescript.

Paso 1.

Descargar e instalar la última versión de NodeJS v1.6.11.3 (https://nodejs.org/es/download/)

Luego de instalado se valida ejecutando el comando

Paso 2.

Instalar NPM: al instalar nodeJS se instala tambien el gestor de paquetes NPM, ejecutando el siguiente comando se valida que este correctamente instalado.

Paso 3.

Instalar el paquete de typescritp para nodeJS.

Se debe ejecutar en la consola de Windows el siguiente comando:

Paso 4.

Instalar sublimetext con complemento para typescript

Paso 5.

Crear el proyecto con la estrucutra básica con el siguiente comando.

Paso 6.

Ejecutamos la aplicación para instalar los paquetes con el siguiente comando:

Con lo que veremos que se añaden los paquetes necesarios a nuestra carpeta node_modules.

A continuación vamos a editar el fichero principal de la aplicación, en nuestro caso será app.ts, que la extensión sea .ts indica que se trata de un fichero con código TypeScript. En este fichero es donde usaremos ExpressJS para establecer el enrutamiento que aceptará.

paso 7.

Creamos una instancia del objeto express y procedemos a configurarlo. Podemos ver como con TypeScript las funciones anónimas pasan a ser () =>{…}, que son expresiones lambda, luego veremos cómo quedan tras compilar:

Paso 8.

Ahora asignamos las rutas al que aceptará nuestra aplicación. Como dijimos anteriormente será algo muy sencillo y simplemente tendremos la opción de hacer llamadas GET, que devuelve la lista completa de puntuaciones, y un POST para añadir nuevos elementos. Empecemos sólo con el GET:

paso 9.

Vamos a crear un fichero con el nombre index.ts, que se trataría de nuestro “Controlador” (recordemos que vamos a seguir el patrón MVC) dentro de nuestra carpeta /routes y añadimos el siguiente código:

 

Paso 10.

Ejecutar la aplicación son el siguiente comando:

Share: