TypeScript med Express til backend-udvikling

TypeScript forbedrer udviklingsoplevelsen ved at levere statisk typekontrol, hvilket kan føre til mere robust og vedligeholdelig kode. Integration af TypeScript med Express, en populær webramme for Node.js, kombinerer fordelene ved begge værktøjer til backend-udvikling. Denne vejledning beskriver, hvordan du opsætter og bruger TypeScript med Express effektivt.

Opsætning af projektet

For at begynde at bruge TypeScript med Express skal du først initialisere et nyt Node.js-projekt og installere de nødvendige afhængigheder. Sådan opsætter du et nyt projekt:

mkdir my-express-app
cd my-express-app
npm init -y
npm install express
npm install --save-dev typescript @types/node @types/express ts-node

Ovenstående kommandoer initialiserer et nyt Node.js-projekt, installer Express og tilføjer TypeScript sammen med typedefinitioner for Node.js og Express. Pakken ts-node er også installeret til at køre TypeScript-filer direkte.

Konfiguration af TypeScript

Opret en tsconfig.json fil for at konfigurere TypeScript. Denne fil specificerer kompileringsindstillinger og projektindstillinger. Her er en grundlæggende konfiguration:

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

Denne konfiguration sikrer, at TypeScript kompilerer til ES6, bruger CommonJS-moduler og inkluderer alle TypeScript-filer i mappen src, mens node_modules udelukkes.

Oprettelse af en ekspresapplikation

Opret hovedapplikationsfilen. I mappen src skal du oprette en fil med navnet index.ts med følgende indhold:

import express, { Request, Response } from 'express';

const app = express();
const port = 3000;

app.get('/', (req: Request, res: Response) => {
  res.send('Hello TypeScript with Express!');
});

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

Denne simple Express-applikation opsætter en server, der svarer med "Hej TypeScript med Express!" når den åbnes på rod-URL'en.

Kørsel af applikationen

For at køre TypeScript-applikationen skal du bruge ts-node. Tilføj et script til package.json for at forenkle denne proces:

{
  "scripts": {
    "start": "ts-node src/index.ts"
  }
}

Start nu serveren med:

npm start

Serveren kører og kan tilgås på http://localhost:3000.

Tilføjelse af typedefinitioner

Typedefinitioner hjælper TypeScript med at forstå de typer, der bruges i eksterne biblioteker. For Express og Node.js installeres typedefinitioner via:

npm install --save-dev @types/node @types/express

Disse typedefinitioner forbedrer udviklingsoplevelsen ved at give autofuldførelse og typekontrol for Express- og Node.js-funktionaliteter.

Konklusion

Integration af TypeScript med Express giver en kraftfuld kombination til backend-udvikling. Den statiske indtastning, der tilbydes af TypeScript, hjælper med at fange fejl tidligt og forbedrer kodekvaliteten, mens Express giver en robust ramme til opbygning af webapplikationer. Med en korrekt opsætning og konfiguration bliver udvikling med TypeScript og Express en jævn og produktiv oplevelse.