Créez votre premier serveur en TypeScript avec Express JS

Express JS est un framework Node.js populaire pour le développement d’applications web et d’API. Dans ce tutoriel, nous allons apprendre à créer notre premier serveur Express en utilisant le langage TypeScript.

Pour commencer, assurez-vous d’avoir Node.js et npm installés sur votre machine. Si ce n’est pas déjà fait, vous pouvez les télécharger à partir du site officiel de Node.js.

Étape 1: Créer un nouveau projet TypeScript

Tout d’abord, créez un nouveau dossier pour votre projet et naviguez jusqu’à ce dossier dans votre terminal. Ensuite, initialisez un nouveau projet npm en exécutant la commande suivante:

npm init -y

Ensuite, installez TypeScript en tant que dépendance de développement en exécutant la commande suivante:

npm install typescript --save-dev

Créez un fichier de configuration TypeScript en exécutant la commande suivante:

npx tsc --init

Étape 2: Installer les dépendances Express et @types/express

Ensuite, installez Express et les types d’Express en exécutant les commandes suivantes:

npm install express
npm install @types/express --save-dev

Étape 3: Créer un serveur Express

Créez un nouveau fichier TypeScript appelé server.ts dans votre dossier de projet. Voici un exemple de code pour créer un serveur Express simple:

import express, { Express } from 'express';

const app: Express = express();
const port: number = 3000;

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

Étape 4: Compiler et exécuter le code

Pour compiler votre code TypeScript en JavaScript, exécutez la commande suivante dans votre terminal:

npx tsc

Ensuite, exécutez le code JavaScript compilé en exécutant la commande suivante:

node server.js

Vous devriez voir un message dans votre terminal indiquant que le serveur est en cours d’exécution sur http://localhost:3000. Ouvrez un navigateur et accédez à cette URL pour voir votre application Express en action.

Félicitations! Vous venez de créer votre premier serveur Express en utilisant TypeScript. Vous pouvez maintenant explorer davantage Express et TypeScript pour créer des applications web plus avancées.