TypeScript з Express для бекенд-розробки

TypeScript покращує досвід розробки, забезпечуючи статичну перевірку типів, що може призвести до більш надійного та зручного для обслуговування коду. Інтеграція TypeScript із Express, популярною веб-платформою для Node.js, поєднує в собі переваги обох інструментів для бекенд-розробки. У цьому посібнику описано, як налаштувати й ефективно використовувати TypeScript із Express.

Налаштування проекту

Щоб почати використовувати TypeScript із Express, спочатку ініціалізуйте новий проект Node.js і встановіть необхідні залежності. Ось як налаштувати новий проект:

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

Наведені вище команди ініціалізують новий проект Node.js, інсталюють Express і додають TypeScript разом із визначеннями типів для Node.js і Express. Пакет ts-node також встановлено для безпосереднього запуску файлів TypeScript.

Налаштування TypeScript

Створіть файл tsconfig.json, щоб налаштувати TypeScript. Цей файл визначає параметри компілятора та налаштування проекту. Ось базова конфігурація:

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

Ця конфігурація гарантує, що TypeScript компілюється до ES6, використовує модулі CommonJS і включає всі файли TypeScript у каталозі src, за винятком node_modules.

Створення експрес-додатку

Створіть головний файл програми. У каталозі src створіть файл з назвою 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 at http://localhost:${port}`);
});

Ця проста програма Express налаштовує сервер, який відповідає "Hello TypeScript with Express!" при доступі за кореневою URL-адресою.

Запуск програми

Щоб запустити програму TypeScript, використовуйте ts-node. Додайте сценарій до package.json, щоб спростити цей процес:

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

Тепер запустіть сервер за допомогою:

npm start

Сервер буде працювати, і до нього можна буде отримати доступ за адресою http://localhost:3000.

Додавання визначень типів

Визначення типів допомагають TypeScript зрозуміти типи, які використовуються у зовнішніх бібліотеках. Для Express і Node.js визначення типів установлюються за допомогою:

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

Ці визначення типів покращують досвід розробки, забезпечуючи автозаповнення та перевірку типів для функцій Express і Node.js.

Висновок

Інтеграція TypeScript із Express забезпечує потужну комбінацію для розробки серверної частини. Статична типізація, яку пропонує TypeScript, допомагає завчасно виявляти помилки та покращує якість коду, тоді як Express забезпечує надійну структуру для створення веб-додатків. З належним налаштуванням і конфігурацією розробка за допомогою TypeScript і Express стає легкою та продуктивною.