TypeScript z Express do tworzenia zaplecza

TypeScript ulepsza środowisko programistyczne, zapewniając statyczne sprawdzanie typów, co może prowadzić do bardziej wytrzymałego i łatwiejszego w utrzymaniu kodu. Zintegrowanie TypeScript z Express, popularnym frameworkiem internetowym dla Node.js, łączy zalety obu narzędzi do tworzenia zaplecza. Ten przewodnik opisuje, jak skutecznie skonfigurować i używać TypeScript z Express.

Konfigurowanie projektu

Aby rozpocząć korzystanie z TypeScript z Express, najpierw zainicjuj nowy projekt Node.js i zainstaluj wymagane zależności. Oto jak skonfigurować nowy 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

Powyższe polecenia inicjują nowy projekt Node.js, instalują Express i dodają TypeScript wraz z definicjami typów dla Node.js i Express. Pakiet ts-node jest również instalowany w celu bezpośredniego uruchamiania plików TypeScript.

Konfigurowanie TypeScript

Utwórz plik tsconfig.json, aby skonfigurować TypeScript. Ten plik określa opcje kompilatora i ustawienia projektu. Oto podstawowa konfiguracja:

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

Taka konfiguracja zapewnia, że ​​TypeScript kompiluje się do ES6, używa modułów CommonJS i uwzględnia wszystkie pliki TypeScript w katalogu src, wykluczając jednocześnie node_modules.

Tworzenie aplikacji Express

Utwórz główny plik aplikacji. W katalogu src utwórz plik o nazwie index.ts z następującą zawartością:

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}`);
});

Ta prosta aplikacja Express konfiguruje serwer, który odpowiada komunikatem „Hello TypeScript with Express!” po uzyskaniu dostępu do niego za pośrednictwem głównego adresu URL.

Uruchamianie aplikacji

Aby uruchomić aplikację TypeScript, użyj ts-node. Aby uprościć ten proces, dodaj skrypt do package.json:

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

Teraz uruchom serwer poleceniem:

npm start

Serwer zostanie uruchomiony i będzie dostępny pod adresem http://localhost:3000.

Dodawanie definicji typów

Definicje typów pomagają TypeScript zrozumieć typy używane w bibliotekach zewnętrznych. W przypadku Express i Node.js definicje typów są instalowane za pośrednictwem:

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

Definicje typów usprawniają proces tworzenia oprogramowania, zapewniając funkcje automatycznego uzupełniania i sprawdzania typów dla funkcjonalności Express i Node.js.

Wniosek

Zintegrowanie TypeScript z Express zapewnia potężną kombinację dla rozwoju zaplecza. Statyczne typowanie oferowane przez TypeScript pomaga wcześnie wyłapywać błędy i poprawia jakość kodu, podczas gdy Express zapewnia solidne ramy do tworzenia aplikacji internetowych. Przy odpowiednim ustawieniu i konfiguracji, tworzenie z TypeScript i Express staje się płynnym i produktywnym doświadczeniem.