TypeScript avec Express pour le développement backend

TypeScript améliore l'expérience de développement en fournissant une vérification de type statique, ce qui peut conduire à un code plus robuste et plus facile à gérer. L'intégration de TypeScript avec Express, un framework Web populaire pour Node.js, combine les avantages des deux outils pour le développement back-end. Ce guide explique comment configurer et utiliser efficacement TypeScript avec Express.

Mise en place du projet

Pour commencer à utiliser TypeScript avec Express, commencez par initialiser un nouveau projet Node.js et installez les dépendances requises. Voici comment configurer un nouveau projet:

mkdir my-express-app
cd my-express-app
npm init -y
npm install express
npm install --save-dev typescript @types/node @types/express ts-node

Les commandes ci-dessus initialisent un nouveau projet Node.js, installent Express et ajoutent TypeScript avec les définitions de type pour Node.js et Express. Le package ts-node est également installé pour exécuter directement les fichiers TypeScript.

Configuration de TypeScript

Créez un fichier tsconfig.json pour configurer TypeScript. Ce fichier spécifie les options du compilateur et les paramètres du projet. Voici une configuration de base:

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

Cette configuration garantit que TypeScript compile en ES6, utilise les modules CommonJS et inclut tous les fichiers TypeScript dans le répertoire src tout en excluant node_modules.

Créer une application express

Créez le fichier d'application principal. Dans le répertoire src, créez un fichier nommé index.ts avec le contenu suivant:

import express, { Request, Response } from 'express';

const app = express();
const port = 3000;

app.get('/', (req: Request, res: Response) => {
  res.send('Hello TypeScript with Express!');
});

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

Cette application Express simple configure un serveur qui répond par « Bonjour TypeScript avec Express ! » lorsqu'il est accessible à l'URL racine.

Exécution de l'application

Pour exécuter l'application TypeScript, utilisez ts-node. Ajoutez un script à package.json pour simplifier ce processus:

{
  "scripts": {
    "start": "ts-node src/index.ts"
  }
}

Maintenant, démarrez le serveur avec:

npm start

Le serveur fonctionnera et sera accessible à http://localhost:3000.

Ajout de définitions de type

Les définitions de type aident TypeScript à comprendre les types utilisés dans les bibliothèques externes. Pour Express et Node.js, les définitions de type sont installées via:

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

Ces définitions de type améliorent l'expérience de développement en fournissant la saisie semi-automatique et la vérification de type pour les fonctionnalités Express et Node.js.

Conclusion

L'intégration de TypeScript avec Express offre une combinaison puissante pour le développement back-end. Le typage statique offert par TypeScript permet de détecter les erreurs plus tôt et d'améliorer la qualité du code, tandis qu'Express fournit un cadre robuste pour la création d'applications Web. Avec une installation et une configuration appropriées, le développement avec TypeScript et Express devient une expérience fluide et productive.