Jak používat TypeScript s vaším projektem Node.js

TypeScript je užitečný pro vytváření složitých aplikací a robustních architektur, jako jsou mikroslužby. TypeScript samozřejmě nemůže dělat nic, co JavaScript neumí, ale může dělat složité projekty lépe spravovatelné. Přísné psaní a podpora rozhraní TypeScript znamenají, že je skvělý pro objektově orientované programování. Viděli jsme mnoho společností, které se kvůli kódování svého backendu obrátily na TypeScript.

Není lepší čas začít používat TypeScript ve svém projektu Node.js než nyní. Ale jak to můžete nastavit pro svůj projekt Node.js? To se dozvíte v tomto článku.

Co je TypeScript?

TypeScript je zkompilovaná, striktně napsaná verze JavaScriptu vyvinutá a spravovaná společností Microsoft. Kód TypeScript se transpiluje do JavaScriptu.

Povaha TypeScriptu s přísným psaním pomáhá vývojářům vyhnout se chybám v kódu. Zkompiluje pouze kód, který splňuje pravidla jeho specifikovaných datových typů. Díky tomu je kód TypeScript robustnější než jeho čistě JavaScriptový protějšek.

Podporuje také funkcionální i objektově orientované programování. Všechny tyto funkce jej činí vysoce škálovatelným a vhodným pro vývoj složitých aplikací.

Jak nastavit TypeScript v Node. JS

Abyste mohli začít používat TypeScript ve svém projektu Node.js, budete muset sem tam vytáhnout několik konfigurací. Ale žádný strach, je to snadné.

Ujistěte se však, že vy nainstalujte balíček Node.js npm před pokračováním.

Inicializujte soubor package.json

Otevřete svůj terminál a vytvořte složku projektu. Poté zadejte tento nový adresář a inicializujte projekt Node.js:

npm init

Výše uvedený příkaz vytvoří a package.json soubor pro uložení vašich závislostí.

Nainstalujte TypeScript a další závislosti

Dále pokračujte a nainstalujte TypeScript do svého projektu Node.js:

strojopis npm i -D

The -D klíčové slovo zajišťuje, že se TypeScript nainstaluje jako součást devDependencies v package.json.

Budete také muset nainstalovat @types/express, definice TypeScript pro Express.js:

instalace npm -D @typy/express

Dále inicializujte a tsconfig.json soubor. Zde jsou uvedeny podrobnosti o možnostech základního kompilátoru pro váš projekt:

npx tsc --init

Výše uvedený příkaz vytvoří a tsconfig.json soubor v kořenové složce projektu.

Nainstalujte také Express.js. Toto můžete přeskočit, pokud máte v úmyslu pouze spravovat servery s vestavěnými primitivy HTTP Node.js. Express.js to ale usnadňuje:

npm Nainstalujte vyjádřit

Dále nainstalujte nodemon, balíček, který automaticky restartuje váš server, kdykoli dojde ke změnám ve vašem kódu. Aby to fungovalo, ujistěte se, že jste to nainstalovali globálně:

npm Nainstalujte -g uzel

Nakonfigurujte TypeScript s Node. JS

Otevři tsconfig.json soubor, který jste dříve inicializovali pomocí vašeho vybraný editor kódu. V tomto souboru toho může být hodně. I když můžete tento soubor nakonfigurovat v jeho aktuální podobě, můžete celý jeho obsah nahradit níže uvedeným, abyste to zjednodušili.

Zde je vše, co potřebujete tsconfig.json jít:

{
"možnosti kompilátoru": {
"modul": "commonjs",
"esModuleInterop": skutečný,
"cílová": "es6",
"modulRozlišení": "uzel",
"zdrojová mapa": skutečný,
"outDir": "dist" //Určuje adresář transpileru. 
 },
"lib": ["es2015"]
}

Nyní otevřeno package.json. Zde je návod, jak to aktuálně vypadá po instalaci TypeScript a Express:

Dále přidejte do souboru následující konfigurace skripty pole:

"skripty": {
"test": "echo \"Chyba: nebyl zadán žádný test\"&& výstup 1",
"stavět": "npx tsc",
"Start": "uzel ./dist/app.js",
"dist": "tsc -p .",
 "dev": "nodemon ./src/app.ts", //Nahradit tento s správný adresářcestapro app.ts v vaše případ
"typ": "modul"
}

Výše uvedená konfigurace ukazuje, že váš server má začít app.js, transpilátor. Žádný strach, toto je výchozí soubor, který se automaticky vytvoří v a dist složku, když spustíte stavět skript. Uděláte to později.

Konfigurace pak specifikuje primární vývojový skript jako app.ts.

Když tedy spustíte vývojové prostředí, nodemon běží app.ts. Node.js to pak zkompiluje do JavaScriptu uvnitř app.js –který komunikuje s HTTP serverem.

Dále vytvořte a src složku v kořenovém adresáři projektu. V této složce vytvořte prázdný soubor TypeScript a pojmenujte jej app.ts.

Vytvořte adresář Transpiler

Transpiler je soubor JavaScriptu, který kompiluje kód TypeScript do nativního JavaScriptu. Tím je zajištěno, že se server může vztahovat k vašemu kódu jako JavaScript namísto striktně napsaného skriptu.

Takže zatímco TypeScript zpracovává strukturu kódu, soubor transpiler jej kompiluje do JavaScriptu.

Nyní spusťte stavět skript k vytvoření dist adresář transpiler automaticky:

npm spustit sestavení

Výše uvedený příkaz zkompiluje váš kód TypeScript do JavaScriptu. Vytvořená složka obsahuje dva soubory; app.js a app.js.map.

OTEVŘENO package.json znovu. V poli s názvem uvidíte klíč hlavní. Vidíte, že jeho hodnota ukazuje na index.js. Nahraďte to app.js adresář souboru (transpiler):

"hlavní": "./dist/app.js",

Po zformátování package.json by měl vypadat takto:

To je vše pro část konfigurace.

Vytvořte a spusťte požadavek HTTP

Nyní zkuste vytvořit a spustit požadavek HTTP prostřednictvím serveru Express.js, abyste zjistili, zda se váš kód zkompiluje tak, jak má.

Uvnitř app.ts:

import expresní, {žádost, odpověď} z 'vyjádřit'
konst app = express()
app.get('/', async (požadavek: požadavek, res: odpověď)=>{
 console.log('Ahoj světe')
 znovu.odeslat('Ahoj světe')
})
konst přístav = 8080
app.listen (port, (): prázdnota=>{
řídicí panel.log(`Aplikace poslouchá v http://localhost:${port}`)
})

Dále otevřete příkazový řádek do kořenového adresáře projektu a spusťte soubor dev skript pro spuštění vašeho projektu:

npm spustit dev

Otevřete prohlížeč a přejděte na localhost: 8080, a uvidíš odpověď (Ahoj světe). Toto také uvidíte v terminálu, pokud jste použili konzole.log příkaz, jak jsme to udělali ve výše uvedeném příkladu.

TypeScript má vysokou poptávku

Mezi TypeScriptem a JavaScriptem není téměř žádný rozdíl. První jmenovaný však usnadňuje vývoj přidáním přísného psaní.

TypeScript je cenný jazyk ve frontendových frameworkech, jako je Angular, a nemůžeme mu upřít výkon a škálovatelnost. Je stále populárnější a vyhlídky na zaměstnání pro vývojáře TypeScript stále rostou.

Úvod do Angular

Přečtěte si další

O autorovi