TypeScript với Express để phát triển Backend

TypeScript nâng cao trải nghiệm phát triển bằng cách cung cấp kiểm tra kiểu tĩnh, có thể dẫn đến mã mạnh mẽ và dễ bảo trì hơn. Tích hợp TypeScript với Express, một khuôn khổ web phổ biến cho Node.js, kết hợp các lợi ích của cả hai công cụ để phát triển backend. Hướng dẫn này phác thảo cách thiết lập và sử dụng TypeScript với Express hiệu quả.

Thiết lập dự án

Để bắt đầu sử dụng TypeScript với Express, trước tiên hãy khởi tạo một dự án Node.js mới và cài đặt các phụ thuộc cần thiết. Sau đây là cách thiết lập một dự án mới:

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

Các lệnh trên khởi tạo một dự án Node.js mới, cài đặt Express và thêm TypeScript cùng với các định nghĩa kiểu cho Node.js và Express. Gói ts-node cũng được cài đặt để chạy trực tiếp các tệp TypeScript.

Cấu hình TypeScript

Tạo tệp tsconfig.json để cấu hình TypeScript. Tệp này chỉ định các tùy chọn trình biên dịch và cài đặt dự án. Sau đây là cấu hình cơ bản:

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

Cấu hình này đảm bảo TypeScript biên dịch thành ES6, sử dụng các mô-đun CommonJS và bao gồm tất cả các tệp TypeScript trong thư mục src trong khi loại trừ node_modules.

Tạo một ứng dụng Express

Tạo tệp ứng dụng chính. Trong thư mục src, tạo tệp có tên index.ts với nội dung sau:

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

Ứng dụng Express đơn giản này thiết lập một máy chủ phản hồi bằng câu "Xin chào TypeScript với Express!" khi được truy cập tại URL gốc.

Chạy ứng dụng

Để chạy ứng dụng TypeScript, hãy sử dụng ts-node. Thêm một tập lệnh vào package.json để đơn giản hóa quy trình này:

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

Bây giờ, hãy khởi động máy chủ bằng:

npm start

Máy chủ sẽ chạy và có thể truy cập tại http://localhost:3000.

Thêm Định nghĩa Kiểu

Định nghĩa kiểu giúp TypeScript hiểu các kiểu được sử dụng trong các thư viện bên ngoài. Đối với Express và Node.js, định nghĩa kiểu được cài đặt thông qua:

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

Các định nghĩa kiểu này nâng cao trải nghiệm phát triển bằng cách cung cấp tính năng tự động hoàn thành và kiểm tra kiểu cho các chức năng Express và Node.js.

Phần kết luận

Tích hợp TypeScript với Express cung cấp sự kết hợp mạnh mẽ cho phát triển backend. Kiểu tĩnh do TypeScript cung cấp giúp phát hiện lỗi sớm và cải thiện chất lượng mã, trong khi Express cung cấp một khuôn khổ mạnh mẽ để xây dựng các ứng dụng web. Với thiết lập và cấu hình phù hợp, phát triển với TypeScript và Express trở thành trải nghiệm mượt mà và hiệu quả.