Метод 1: настройка базового приложения Express с помощью TypeScript
Для начала давайте создадим новый каталог для нашего проекта и инициализируем его с помощью файла package.json. Выполните следующие команды в своем терминале:

mkdir my-express-app
cd my-express-app
npm init -y

Далее установите необходимые зависимости:

npm install express typescript @types/express

Теперь создайте новый файл с именем index.tsи добавьте следующий код:

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 on port ${port}`);
});

Чтобы скомпилировать и запустить код TypeScript, добавьте в package.json следующие скрипты:

"scripts": {
  "start": "tsc && node dist/index.js"
}

Теперь выполните следующую команду, чтобы запустить сервер Express:

npm start

Метод 2: определение строго типизированных маршрутов и обработчиков запросов
Одним из преимуществ использования TypeScript с Express является возможность определять строго типизированные маршруты и обработчики запросов. Давайте улучшим наш предыдущий пример, добавив строго типизированный маршрут и обработчик запросов:

import express, { Request, Response } from 'express';
const app = express();
const port = 3000;
interface User {
  id: number;
  name: string;
}
app.get('/users/:id', (req: Request, res: Response) => {
  const userId = parseInt(req.params.id);
  const user: User = {
    id: userId,
    name: 'John Doe',
  };
  res.json(user);
});
app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

Метод 3: использование промежуточного программного обеспечения с TypeScript
Промежуточное программное обеспечение Express играет решающую роль в выполнении общих задач, таких как аутентификация, ведение журналов, обработка ошибок и многое другое. С помощью TypeScript мы можем обеспечить безопасность типов при работе с промежуточным программным обеспечением. Давайте добавим простую функцию промежуточного программного обеспечения в наше приложение Express:

import express, { Request, Response, NextFunction } from 'express';
const app = express();
const port = 3000;
function logger(req: Request, res: Response, next: NextFunction) {
  console.log(`[${new Date().toISOString()}] ${req.method} ${req.url}`);
  next();
}
app.use(logger);
app.get('/', (req: Request, res: Response) => {
  res.send('Hello, TypeScript with Express!');
});
app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

В этой статье мы рассмотрели несколько методов использования Express с TypeScript. Мы узнали, как настроить базовое приложение Express, определить строго типизированные маршруты и обработчики запросов, а также использовать промежуточное программное обеспечение для дополнительной функциональности. Сочетая простоту Express с типобезопасностью и масштабируемостью TypeScript, вы можете с легкостью создавать надежные серверные приложения. Так что вперед, погрузитесь в мир Express и TypeScript и упростите свою серверную разработку!