Slik bruker du TypeScript med ditt Node.js-prosjekt

TypeScript er nyttig for å lage komplekse apper og robuste arkitekturer som mikrotjenester. TypeScript kan selvfølgelig ikke gjøre noe som JavaScript ikke kan, men det kan gjøre komplekse prosjekter mer håndterbare. TypeScripts strenge skriving og støtte for grensesnitt betyr at det er flott for objektorientert programmering. Vi har sett mange selskaper henvende seg til TypeScript for koding av backend.

Det er ingen bedre tid å begynne å bruke TypeScript i Node.js-prosjektet enn nå. Men hvordan kan du sette det opp for Node.js-prosjektet ditt? Det finner du ut i denne artikkelen.

Hva er TypeScript?

TypeScript er en kompilert, strengt skrevet versjon av JavaScript utviklet og vedlikeholdt av Microsoft. TypeScript-kode overføres til JavaScript.

Den strenge skrivingsnaturen til TypeScript hjelper utviklere med å unngå feil i koden deres. Den vil bare kompilere kode som tilfredsstiller reglene for de spesifiserte datatypene. Dette gjør TypeScript-koden mer robust enn dens rene JavaScript-motpart.

Den støtter også både funksjonell og objektorientert programmering. Alle disse funksjonene gjør den svært skalerbar og egnet for utvikling av komplekse apper.

Hvordan sette opp TypeScript i Node. JS

Du må trekke opp noen få konfigurasjoner her og der for å begynne å bruke TypeScript med Node.js-prosjektet ditt. Men ingen grunn til bekymring, det er enkelt.

Sørg imidlertid for at du installer Node.js npm-pakken før du fortsetter.

Initialiser en package.json-fil

Åpne terminalen og opprett en prosjektmappe. Gå deretter inn i denne nye katalogen og initialiser et Node.js-prosjekt:

npm init

Kommandoen ovenfor oppretter en package.json fil for å lagre avhengighetene dine.

Installer TypeScript og andre avhengigheter

Deretter går du videre og installer TypeScript i Node.js-prosjektet ditt:

npm i -D typescript

De -D nøkkelord sikrer at TypeScript blir installert som en del av avhengigheter i package.json.

Du må også installere @typer/ekspress, en TypeScript-definisjon for Express.js:

npm installer -D @typer/express

Deretter initialiser a tsconfig.json fil. Dette beskriver basiskompilatoralternativene for prosjektet ditt:

npx tsc --i det

Kommandoen ovenfor oppretter en tsconfig.json filen i prosjektets rotmapp.

Installer også Express.js. Du kan hoppe over dette hvis du kun har tenkt å administrere servere med Node.js' innebygde HTTP-primitiver. Men Express.js gjør dette enkelt:

npm installere uttrykke

Neste, installer nodemon, en pakke som starter serveren på nytt automatisk når det er endringer i koden din. Sørg for å installere dette globalt for at det skal fungere:

npm installere -g nodemon

Konfigurer TypeScript med Node. JS

Åpne tsconfig.json fil du initialiserte tidligere ved å bruke din valgt kodeeditor. Det kan være mye i denne filen. Selv om du kan konfigurere denne filen i sin nåværende form, kan du erstatte hele innholdet med det nedenfor for å gjøre det enklere.

Her er alt du trenger tsconfig.json for å komme i gang:

{
"kompilatoralternativer": {
"modul": "commonjs",
"esModuleInterop": sant,
"mål": "es6",
"modulOppløsning": "node",
"kildeKart": sant,
"utDir": "dist" //Spesifiserer transpilatorkatalogen. 
 },
"lib": ["es2015"]
}

Nå åpen package.json. Slik ser det ut etter installasjon av TypeScript og Express:

Deretter legger du til følgende konfigurasjoner til skript array:

"skript": {
"test": "ekko \"Feil: ingen test spesifisert\"&& utgang 1",
"bygge": "npx tsc",
"start": "node ./dist/app.js",
"dist": "tsc -p.",
 "dev": "nodemon ./src/app.ts", //Erstatte dette med det riktige katalogstitil app.ts i din sak
"type": "modul"
}

Konfigurasjonen ovenfor peker på at serveren din skal starte på app.js, transpilatoren. Ingen grunn til bekymring, dette er en standardfil som opprettes automatisk i en dist mappe når du kjører bygge manus. Du vil gjøre dette senere.

Konfigurasjonen spesifiserer deretter det primære utviklingsskriptet som app.ts.

Derfor, når du starter utviklingsmiljøet, nodemon løper app.ts. Node.js kompilerer deretter dette til JavaScript inne app.js—som kommuniserer med HTTP-serveren.

Deretter oppretter du en src mappen i prosjektets rotkatalog. Inne i denne mappen, lag en tom TypeScript-fil og navngi den app.ts.

Opprett Transpiler Directory

Transpileren er en JavaScript-fil som kompilerer TypeScript-kode til innebygd JavaScript. Så dette sikrer at serveren kan forholde seg til koden din som JavaScript i stedet for det strengt skrevne skriptet.

Så mens TypeScript håndterer kodestruktur, kompilerer transpilerfilen den til JavaScript.

Kjør nå bygge skript for å lage dist transpiler katalog automatisk:

npm kjøre bygge

Kommandoen ovenfor kompilerer TypeScript-koden til JavaScript. Den opprettede mappen inneholder to filer; app.js og app.js.map.

Åpen package.json en gang til. Du vil se en nøkkel i matrisen som heter hoved-. Du kan se at verdien peker på index.js. Erstatt denne med app.js (transpiler) filkatalog:

"hoved-": "./dist/app.js",

Etter formatering, package.json skal se slik ut:

Det er det for konfigurasjonsdelen.

Opprett og kjør en HTTP-forespørsel

Prøv nå å opprette og kjøre en HTTP-forespørsel via Express.js-serveren for å se om koden din kompilerer som den skal.

Innsiden app.ts:

import express, {Request, Response} fra 'uttrykke'
konst app = express()
app.get('/', asynkron (req: Request, res: Response)=>{
 console.log('Hei Verden')
 res.send('Hei Verden')
})
konst port = 8080
app.listen (port, (): tomrom=>{
konsoll.Logg(`Appen lytter på http://localhost:${port}`)
})

Deretter åpner du kommandolinjen til prosjektets rotkatalog og kjører dev skript for å starte prosjektet:

npm kjøre dev

Åpne nettleseren din og gå til lokal vert: 8080, og du vil se svaret (Hei Verden). Du vil også se dette i terminalen hvis du har brukt console.log kommando som vi gjorde i eksemplet ovenfor.

TypeScript har høye etterspørselsutsikter

Det er knapt mye forskjell mellom TypeScript og JavaScript. Men førstnevnte letter utviklingen med tillegg av streng skriving.

TypeScript er et verdifullt språk i frontend-rammeverk som Angular, og vi kan ikke nekte for ytelsen og skalerbarheten. Det blir mer populært, og jobbutsiktene for TypeScript-utviklere fortsetter å stige.

En introduksjon til Angular

Les Neste

Om forfatteren