Générateur de modèle pour Express¶

Il y a un Générateur d’applications Express qui permet de générer la structure de base recommandée en Typescript.

Voici comment générer l’application
Situez vous dans le dossier où vous désirez créer l’application (le dossier de l’application sera automatiquement créé à la prochaine étape)

Exécutez la commande de création d’application :

npx express-generator-typescript mapremierappexpress

Une fois l’application générée, déplacez-vous dans le dossier créé et installez les modules

cd mapremierappexpress
npm install 

Si vous avez des erreurs de modules dépréciés, vous pouvez les corriger en suivant les instructions de la section Module déprécié.

Exécutez l’application en utilisant la commande suivante :

npm run dev 

Configurer l'analysateur de code ESLint dans le projet Express¶

Étape 1 - Installer le bon module ESLint¶

npm install @stylistic/eslint-plugin

Étape 2 - Désinstaller les modules ESLint TS et JS¶

npm remove @stylistic/eslint-plugin-ts
npm remove @stylistic/eslint-plugin-js

Étape 3 - Corriger configuration ESLint¶

Il faut retirer les références aux vieux modules ESLint TS et JS en faveur au module unifié.

{!hotel25/eslint.config.ts!}  

Pour Windows :¶

Étape 1 - installer cross-env :¶

npm install cross-env

Étape 2 - modifier package.json comme suit :¶

  "dev": "cross-env NODE_ENV=development ts-node ./src",
  "dev:hot": "cross-env nodemon --exec \"npm run dev\" --watch ./src --ext .ts",

Étape 3 - modifier eslint.config.ts :¶

{
    languageOptions: {
      parserOptions: {
        project: './tsconfig.json',
        tsconfigRootDir: process.cwd(), // AJOUTER CETTE LIGNE EN WINDOWS
        warnOnUnsupportedTypeScriptVersion: false,
      },
    },
  },

Coder un API Express¶

L'exemple suivant code une mini API qui gère des réservations dans un hotel.

Étape 1 - Créer l’interface model/Reservation.ts¶

{!hotel25/src/models/Reservation.ts!}

Étape 2 - Ajouter le modèle à la base de données bidon¶

{!hotel25/src/repos/MockOrm.ts!}

Étape 3 - Mettre à jour la base de données¶

{!hotel25/src/repos/database.json!}

Étape 4 - Créer le repo¶

{!hotel25/src/repos/ReservationRepo.ts!}

Étape 5 - Créer le service¶

{!hotel25/src/services/ReservationService.ts!}

Étape 6 - Créer les routes¶

{!hotel25/src/routes/ReservationRoutes.ts!}

Étape 7 - Ajouter les chemins de l’API dans les commons¶

{!hotel25/src/common/constants/Paths.ts!}

Étape 8 - Ajouter les chemins de l’API dans index.ts¶

{!hotel25/src/routes/index.ts!}