A TypeScript használata a Node.js projekttel

A TypeScript hasznos összetett alkalmazások és robusztus architektúrák, például mikroszolgáltatások készítéséhez. Természetesen a TypeScript nem képes semmire, amire a JavaScript nem, de az összetett projekteket kezelhetőbbé teheti. A TypeScript szigorú gépelése és az interfészek támogatása azt jelenti, hogy kiválóan alkalmas objektum-orientált programozáshoz. Láttuk, hogy sok vállalat a TypeScripthez fordult háttérprogramja kódolásához.

Nincs jobb alkalom a TypeScript használatának megkezdésére a Node.js projektben, mint most. De hogyan állíthatja be a Node.js projektjéhez? Ebből a cikkből megtudhatja.

Mi az a TypeScript?

A TypeScript a JavaScript lefordított, szigorúan beírt változata, amelyet a Microsoft fejlesztett és karbantart. A TypeScript kód átkerül JavaScriptbe.

A TypeScript szigorú gépelési jellege segít a fejlesztőknek elkerülni a hibákat a kódjukban. Csak olyan kódot fordít le, amely megfelel a megadott adattípusok szabályainak. Ez a TypeScript kódot robusztusabbá teszi, mint a tiszta JavaScript megfelelője.

Támogatja a funkcionális és objektumorientált programozást is. Mindezek a funkciók rendkívül méretezhetővé teszik, és alkalmasak összetett alkalmazások fejlesztésére.

A TypeScript beállítása a Node-ban. JS

Itt-ott fel kell húznia néhány konfigurációt, hogy elkezdhesse használni a TypeScriptet a Node.js projektjével. De ne aggódj, könnyű.

Ügyeljen azonban arra, hogy Ön telepítse a Node.js npm csomagot eljárás előtt.

Inicializáljon egy package.json fájlt

Nyissa meg a terminált, és hozzon létre egy projektmappát. Ezután lépjen be ebbe az új könyvtárba, és inicializáljon egy Node.js projektet:

npm init

A fenti parancs létrehozza a package.json fájlt a függőségek tárolásához.

A TypeScript és egyéb függőségek telepítése

Ezután lépjen tovább, és telepítse a TypeScript-et a Node.js projektjébe:

npm i -D gépirat

A -D kulcsszó biztosítja, hogy a TypeScript a program részeként kerüljön telepítésre devDependencies ban ben package.json.

Telepíteni is kell @types/express, egy TypeScript-definíció az Express.js-hez:

npm telepítés -D @types/express

Ezután inicializálja a tsconfig.json fájlt. Ez részletezi a projekt alap fordítói beállításait:

npx tsc --benne

A fenti parancs létrehozza a tsconfig.json fájlt a projekt gyökérmappájában.

Ezenkívül telepítse az Express.js-t. Ezt kihagyhatja, ha csak a Node.js beépített HTTP-primitíveivel kívánja kezelni a szervereket. De az Express.js ezt megkönnyíti:

npm telepítés Expressz

Ezután telepítse nodémon, egy olyan csomag, amely automatikusan újraindítja a szervert, ha változás történik a kódban. Győződjön meg arról, hogy ezt globálisan telepíti, hogy működjön:

npm telepítés -g nodemon

A TypeScript konfigurálása csomóponttal. JS

Nyissa meg a tsconfig.json fájlt, amelyet korábban inicializált a saját használatával választott kódszerkesztő. Sok minden lehet ebben a fájlban. Bár előfordulhat, hogy ezt a fájlt jelenlegi formájában konfigurálja, a teljes tartalmát lecserélheti az alábbira, hogy egyszerűbb legyen.

Itt van minden, amire szüksége van tsconfig.json indulni:

{
"compilerOptions": {
"modult": "commonjs",
"esModuleInterop": igaz,
"cél": "es6",
"modulResolution": "csomópont",
"forrástérkép": igaz,
"outDir": "ker" //Meghatározza a transzpiler könyvtárat. 
 },
"lib": ["es2015"]
}

Most nyitva package.json. Így néz ki jelenleg a TypeScript és az Express telepítése után:

Ezután adja hozzá a következő konfigurációkat a forgatókönyvek sor:

"forgatókönyvek": {
"teszt": "visszhang \"Hiba: nincs megadva teszt\"&& kilépés 1",
"épít": "npx tsc",
"Rajt": "csomópont ./dist/app.js",
"ker": "tsc -p .",
 "dev": "nodemon ./src/app.ts", //Cserélje ki ez val vel a helyes Könyvtárpályaszámára app.ts ban ben a te ügy
"típus": "modult"
}

A fenti konfiguráció rámutat arra, hogy a szerver elinduljon app.js, az átvivő. Ne aggódjon, ez egy alapértelmezett fájl, amely automatikusan létrejön a ker mappát, amikor futtatja a épít forgatókönyv. Ezt később megteheti.

A konfiguráció ezután az elsődleges fejlesztési parancsfájlt a következő néven adja meg app.ts.

Ezért amikor elindítja a fejlesztői környezetet, nodémon fut app.ts. A Node.js ezt követően ezt belső JavaScript-be fordítja app.js-amely a HTTP szerverrel kommunikál.

Ezután hozzon létre a src mappát a projekt gyökérkönyvtárában. Ebben a mappában hozzon létre egy üres TypeScript fájlt, és nevezze el app.ts.

Hozza létre a Transpiler könyvtárat

A transzpiler egy JavaScript-fájl, amely a TypeScript-kódot natív JavaScript-be fordítja. Így ez biztosítja, hogy a szerver a szigorúan gépelt szkript helyett JavaScriptként tudjon kapcsolódni az Ön kódjához.

Tehát míg a TypeScript kezeli a kódszerkezetet, a transzpilerfájl JavaScript-be fordítja azt.

Most futtassa a épít script létrehozásához ker transzpiler könyvtár automatikusan:

npm run build

A fenti parancs a TypeScript-kódot JavaScript-be fordítja. A létrehozott mappa két fájlt tartalmaz; app.js és app.js.map.

Nyisd ki package.json újra. A nevű tömbben egy kulcsot fog látni fő-. Láthatod, hogy az értéke arra mutat index.js. Cserélje ki ezt a app.js (transzpiler) fájl könyvtár:

"fő-": "./dist/app.js",

A formázás után package.json így kell kinéznie:

A konfigurációk résznél ennyi.

Hozzon létre és futtasson egy HTTP-kérést

Most próbáljon meg létrehozni és futtatni egy HTTP-kérelmet az Express.js kiszolgálón keresztül, hogy ellenőrizze, hogy a kód a megfelelő módon fordítódik-e le.

Belül app.ts:

import expressz, {Kérés, Válasz} tól től 'Expressz'
const app = express()
app.get('/', async (req: Request, res: Response)=>{
 console.log('Helló Világ')
 res.send('Helló Világ')
})
const port = 8080
app.listen (port, (): üres=>{
konzol.log(`Az alkalmazás a következőnél hallgat http://localhost:${port}`)
})

Ezután nyissa meg a parancssort a projekt gyökérkönyvtárába, és futtassa a dev script a projekt indításához:

npm futás dev

Nyissa meg a böngészőt, és lépjen a címre localhost: 8080, és látni fogod a választ (Helló Világ). Ezt a terminálban is látni fogja, ha alkalmazta a console.log parancsot, ahogy a fenti példában tettük.

A TypeScriptnek nagy a kereslete

Alig van nagy különbség a TypeScript és a JavaScript között. De az előbbi megkönnyíti a fejlesztést a szigorú gépelés hozzáadásával.

A TypeScript értékes nyelv az olyan frontend keretrendszerekben, mint az Angular, és nem tagadhatjuk meg teljesítményét és méretezhetőségét. Egyre népszerűbb, és a TypeScript-fejlesztők álláslehetőségei folyamatosan nőnek.

Bevezetés az Angularba

Olvassa el a következőt

A szerzőről