Comment (et pourquoi) vous devriez utiliser TypeScript avec Node et Express.

Nous pouvons utiliser l’autocomplétion dans les classes qui ont été importées d’autres fichiers.

La difficulté de la maintenance est l’une des principales raisons pour lesquelles les développeurs Java et C # évitent de migrer de grands projets vers JS. Nous pouvons dire que Typescript est un langage d’entreprise qui surmonte cette barrière.

Comment configurer un projet Express avec Typescript

Prenons maintenant une étape par étape pour créer un environnement pour utiliser le langage Typescript au sein d’un projet Express.js.

npm init

Installons maintenant le paquet typescript.

npm install typescript -s

A propos du paquet node Typescript

Node.js est un moteur qui exécute Javascript et non Typescript. Le paquet node Typescript vous permet de transpiler vos fichiers .ts en scripts .js. Babel peut également être utilisé pour transpiler Typescript, cependant le standard du marché est d’utiliser le package officiel de Microsoft.

A l’intérieur de notre package.json, nous allons mettre un script appelé tsc:

"scripts": {
"tsc": "tsc"
},

Cette modification nous permet d’appeler des fonctions typescript depuis la ligne de commande dans le dossier du projet. Nous pouvons donc utiliser la commande suivante:

npm run tsc -- --init

Cette commande initialise le projet typescript en créant le fichier tsconfig.json. Dans ce fichier, nous décommenterons l’option outDiret choisirons un emplacement pour les fichiers .js transpilés à livrer:

Installation d’express.js

npm install express -s

Les paquets Express et Typescript sont indépendants. La conséquence de cela est que Typescript ne « connaît » pas les types de classes Express. Il existe un package npm spécifique pour que Typescript reconnaisse les types Express.

npm install @types/express -s

Hello world

Pour avoir une application la plus simple possible, je vais utiliser l’exemple hello world du express.js tutorial:

https://expressjs.com/pt-br/starter/hello-world.html

Dans notre projet, nous allons créer un dossier appelé app. A l’intérieur de ce dossier, nous allons créer un fichier appelé app.ts avec le contenu suivant:

Compilation de notre première application:

npm run tsc

Comme vous pouvez le voir, la commande a automatiquement créé le dossier de construction et le fichier .js.

Exécution de l’express:

node build/app.js

Avec cela, nous avons un serveur qui tourne déjà sur le port 3000 :

Exécuter TypeScript sans transpiler

On peut exécuter typescript directement sur le nœud avec le package ts-node.

Ce package est recommandé pour le développement uniquement. Pour faire le déploiement final en production, utilisez toujours la version javascript de votre projet.

Le ts-nodeest déjà inclus comme dépendance d’un autre paquet, tts-node-dev. Après l’installation,ts-node-dev nous pouvons exécuter des commandes qui redémarrent le serveur chaque fois qu’un fichier du projet change.

npm install ts-node-dev -s

Dans notre packege.json, nous ajouterons deux autres scripts:

"scripts": {
"tsc": "tsc",
"dev": "ts-node-dev --respawn --transpileOnly ./app/app.ts",
"prod": "tsc && node ./build/app.js"
},

Pour démarrer l’environnement de développement:

npm run dev

Pour exécuter le serveur en mode production :

npm run prod

Le projet final se trouve dans le dépôt github :

Souscrivez-vous à Decoded, notre chaîne YouTube officielle !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.