Creando un “Hello World” con Typescript y Express
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: mkdir hello-world cd hello-world A continuación, inicie un nuevo proyecto Node.js ejecutando el siguiente comando: npm init -y 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: npm install express typescript @types/express 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: npx tsc –init A continuación, abra el archivo ‘tsconfig.json’ y realice los siguientes cambios: { "compilerOptions": { "target": "es6", "module": "commonjs", "outDir": "./dist", "rootDir": "./src", "strict": true } } 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: import express from 'express'; const app = express(); const port = 3000; app.get('/', (req, res) => { res.send('Hello, World!'); }); app.listen(port, () => { console.log(`Server is running at http://localhost:${port}`); }); 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: npx tsc Esto compilará el código typescript en JavaScript y lo pondrá en el directorio dist. Finalmente, ejecute el siguiente comando para iniciar el servidor: node dist/index.js 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.