Cum (și de ce) ar trebui să folosiți TypeScript cu Node și Express.

Puteți folosi autocompletarea în clasele care au fost importate din alte fișiere.

Dificultatea întreținerii este unul dintre principalele motive pentru care dezvoltatorii Java și C # evită să migreze proiectele mari către JS. Putem spune că Typescript este un limbaj de întreprindere care depășește această barieră.

Cum se configurează un proiect Express cu Typescript

Să creăm acum, pas cu pas, un mediu de utilizare a limbajului Typescript în cadrul unui Express.js.

npm init

Să instalăm acum pachetul typescript.

npm install typescript -s

Despre pachetul Typescript node

Node.js este un motor care rulează Javascript și nu Typescript. Pachetul node Typescript vă permite să transpuneți fișierele .ts în scripturi .js. Babel poate fi, de asemenea, utilizat pentru a transpila Typescript, însă standardul pieței este de a utiliza pachetul oficial Microsoft.

În interiorul package.json nostru vom pune un script numit tsc:

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

Această modificare ne permite să apelăm funcțiile Typescript din linia de comandă din folderul proiectului. Astfel, putem folosi următoarea comandă:

npm run tsc -- --init

Această comandă inițializează proiectul typescript prin crearea fișierului tsconfig.json. În cadrul acestui fișier vom decomenta opțiunea outDir și vom alege o locație pentru fișierele .js transpuse pentru a fi livrate:

Instalarea express.js

npm install express -s

Pachetele Express și Typescript sunt independente. Consecința acestui fapt este că Typescript nu „cunoaște” tipurile de clase Express. Există un pachet npm specific pentru ca Typescript să recunoască tipurile Express.

npm install @types/express -s

Hello world

Pentru a avea o aplicație cât mai simplă, voi folosi exemplul hello world din Express.js tutorial:

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

În interiorul proiectului nostru, vom crea un folder numit app. În interiorul acestui folder vom crea un fișier numit app.ts cu următorul conținut:

Compilarea primei noastre aplicații:

npm run tsc

După cum puteți vedea, comanda a creat automat folderul build și fișierul .js.

Executarea expresului:

node build/app.js

Cu aceasta, avem un server care rulează deja pe portul 3000:

Executarea TypeScript fără transpiling

Puteți rula typescript direct pe nod cu pachetul ts-node.

Acest pachet este recomandat numai pentru dezvoltare. Pentru a face implementarea finală în producție, folosiți întotdeauna versiunea javascript a proiectului dumneavoastră.

Pachetul ts-node este deja inclus ca dependență de un alt pachet, tts-node-dev. După instalarea,ts-node-dev putem rula comenzi care repornesc serverul ori de câte ori se modifică un fișier de proiect.

npm install ts-node-dev -s

În interiorul nostru packege.json vom adăuga încă două scripturi:

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

Pentru a porni mediul de dezvoltare:

npm run dev

Pentru a rula serverul în modul de producție:

npm run prod

Proiectul final poate fi găsit în depozitul github:

Subscrieți-vă la Decoded, canalul nostru oficial de YouTube!

Lasă un răspuns

Adresa ta de email nu va fi publicată.