Hogyan (és miért) érdemes TypeScriptet használni a Node-dal és az Expresszel.

Az automatikus kitöltést használhatjuk más fájlokból importált osztályokban.

A karbantartás nehézsége az egyik fő oka annak, hogy a Java és C # fejlesztők miért kerülik a nagy projektek JS-re való áttérését. Mondhatjuk, hogy a Typescript egy olyan vállalati nyelv, amely legyőzi ezt az akadályt.

Hogyan állíthatunk be egy Express projektet Typescript segítségével

Most lépésről lépésre létrehozzuk a Typescript nyelv használatához szükséges környezetet egy Expressen belül.js projektben.

npm init

Telepítsük most a typescript csomagot.

npm install typescript -s

A Typescript node csomagról

A node.js egy olyan motor, amely Javascriptet és nem Typescriptet futtat. A node Typescript csomag lehetővé teszi a .ts fájlok .js szkriptekké való átfordítását. A Babel is használható a Typescript transzpilezésére, azonban a piaci szabvány a Microsoft hivatalos csomagjának használata.

A package.json mappánkba egy tsc:

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

nevű szkriptet fogunk tenni.

Ez a módosítás lehetővé teszi számunkra, hogy a projekt mappájában a parancssorból hívjuk a Typescript függvényeket. Így használhatjuk a következő parancsot:

npm run tsc -- --init

Ez a parancs a tsconfig.json fájl létrehozásával inicializálja a typescript projektet. Ebben a fájlban kiragadjuk a outDiropciót, és kiválasztjuk az átfordított .js fájlok átadási helyét:

Az express.js telepítése

npm install express -s

Az express és a Typescript csomagok függetlenek. Ennek az a következménye, hogy a Typescript nem “ismeri” az Express osztályok típusait. Van egy speciális npm csomag a Typescript számára, hogy felismerje az Express típusokat.

npm install @types/express -s

Hello world

A minél egyszerűbb alkalmazás érdekében az express hello world példáját fogom használni.js bemutatót:

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

A projektünkben létrehozunk egy app nevű mappát. Ezen a mappán belül létrehozunk egy app.ts nevű fájlt a következő tartalommal:

Elkészítjük első alkalmazásunkat:

npm run tsc

Amint láthatjuk, a parancs automatikusan létrehozta a build mappát és a .js fájlt.

Az express futtatása:

node build/app.js

Mivel máris van egy szerverünk, ami a 3000-es porton fut:

A TypeScript futtatása transzpilálás nélkül

A ts-node csomaggal közvetlenül a csomóponton futtathatjuk a TypeScriptet.

Ez a csomag csak fejlesztésre ajánlott. A végleges telepítéshez a termelésben mindig a projekt javascriptes verzióját használja.

A ts-node már függőségként szerepel egy másik csomagban, a tts-node-dev-ben. Telepítés után,ts-node-dev futtathatunk olyan parancsokat, amelyek újraindítják a szervert, amikor egy projektfájl változik.

npm install ts-node-dev -s

A packege.json-unkon belül még két szkriptet fogunk hozzáadni:

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

A fejlesztői környezet indításához:

npm run dev

A szerver termelés üzemmódban történő futtatásához:

npm run prod

A végleges projekt megtalálható a github repositoryban:

Iratkozz fel a Decoded, a hivatalos YouTube csatornánkra!

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.