Creando un "Hello World" con Typescript y Express
Si usted es nuevo en el mundo del desarrollo web, es probable que haya oído hablar de typescript y Express.js. Typescript es un superconjunto tipado de JavaScript que aporta más seguridad y escalabilidad al código JavaScript, mientras que Express.js es un framework popular para construir aplicaciones web y APIs con Node.js. En este tutorial, vamos a crear un simple “Hello World” utilizando estas dos tecnologías.
requisitos previos
Antes de comenzar, asegúrese de tener Node.js y npm instalados en su sistema. Puede descargar e instalar la última versión de Node.js en nodejs.org.
Paso 1: Configuración del entorno de desarrollo
Primero, vamos a crear un nuevo directorio para nuestro proyecto y navegar hasta él:
A continuación, inicie un nuevo proyecto Node.js ejecutando el siguiente comando:
Este comando crea un archivo ‘package.json’ con la configuración predeterminada para su proyecto.
Paso 2: Instalación de dependencias
Ahora necesitamos instalar las dependencias necesarias para nuestro proyecto, incluyendo Express.js y typescript. Ejecute el siguiente comando para instalar estas dependencias:
Express.js: Es el framework que usaremos para manejar las rutas y peticiones HTTP.
TypeScript: Es el lenguaje que usaremos para escribir nuestro código.
@types/express: Son las opciones de tipo para Express.js, lo que nos permite escribir código typescript compatible con Express.
Paso 3: Configurar el typescript
Vamos a crear un archivo de configuración para el typescript llamado tsconfig.json. Este archivo contiene las opciones de configuración para el compilador typescript. Ejecute la siguiente orden para crear este archivo:
A continuación, abra el archivo ‘tsconfig.json’ y realice los siguientes cambios:
Estas opciones configuran el typescript para compilar nuestro código para el directorio ‘dist’ y habilitan verificaciones estrictas de tipos.
Paso 4: Escribir el código
Ahora es el momento de escribir nuestro código. Cree un archivo llamado index.ts en la raíz de su proyecto y añada el siguiente código:
Este código crea un servidor Express que escucha en el puerto 3000 y responde con “Hello World!” cuando accedemos a la ruta raíz (‘/’).
Paso 5: Compilar y ejecutar código
Ahora que nuestro código está escrito, necesitamos compilarlo para JavaScript y ejecutarlo. Ejecute la siguiente orden para compilar el código typescript:
Esto compilará el código typescript en JavaScript y lo pondrá en el directorio dist.
Finalmente, ejecute el siguiente comando para iniciar el servidor:
Ahora puede abrir su navegador e ir a ‘http://localhost:3000’ para ver el mensaje “Hello world” que se muestra.
Conclusión
En este tutorial, aprendió cómo crear un “Hello world” simple usando TypeScript y Express.js. Configuró el entorno de desarrollo, instaló las dependencias necesarias, configuró TypeScript, escribió el código y ejecutó el servidor. Esto es solo el comienzo y puede ampliar este proyecto agregando más funciones a medida que aprenda sobre las API.