Giới Thiệu về NestJS
NestJS là một framework phát triển Node.js mạnh mẽ và hiện đại giúp xây dựng các ứng dụng server-side hiệu quả và có tính modular cao. Với việc lấy những ý tưởng từ các framework nổi tiếng như Angular, NestJS mang lại cấu trúc và tổ chức mã lệnh rõ ràng, giúp phát triển và quản lý ứng dụng dễ dàng hơn.
NestJS hỗ trợ TypeScript, nhưng bạn hoàn toàn có thể sử dụng nó với JavaScript thuần túy. Bài viết này sẽ hướng dẫn bạn cách cài đặt và triển khai một ứng dụng đơn giản bằng thư viện NestJS sử dụng JavaScript.
Các Yêu Cầu Trước Khi Bắt Đầu
Trước khi bắt đầu cài đặt NestJS, bạn cần đảm bảo rằng máy tính của bạn đã cài đặt:
- Node.js: Là môi trường chạy JavaScript trên server. Bạn có thể tải và cài đặt Node.js từ trang web chính thức nodejs.org.
- npm (Node Package Manager): Được cài đặt kèm với Node.js và sẽ giúp bạn quản lý các thư viện (packages) JavaScript cần thiết.
Bước 1: Cài Đặt NestJS CLI
NestJS CLI là công cụ dòng lệnh tiện dụng giúp bạn tạo và quản lý các dự án NestJS dễ dàng. Để cài đặt NestJS CLI, mở terminal và chạy lệnh sau:
npm install -g @nestjs/cli
Sau khi cài đặt xong, bạn có thể kiểm tra phiên bản bằng lệnh:
nest --version
Bước 2: Tạo Mới Một Dự Án
Sử dụng NestJS CLI để tạo mới một dự án. Chạy lệnh sau để tạo một dự án NestJS với tên là "my-nestjs-app":
nest new my-nestjs-app
CLI sẽ hỏi bạn về bộ công cụ quản lý dependencies muốn sử dụng (npm hoặc yarn), bạn có thể chọn npm bằng cách bấm Enter.
Bước 3: Khởi Động Dự Án NestJS
Truy cập vào thư mục dự án vừa tạo:
cd my-nestjs-app
Để khởi động dự án, bạn chỉ cần chạy lệnh:
npm run start
Nếu mọi thứ đã được cài đặt chính xác, ứng dụng của bạn sẽ bắt đầu chạy và có thể truy cập tại http://localhost:3000.
Bước 4: Chuyển Đổi Mã Loại TypeScript sang JavaScript
NestJS mặc định sử dụng TypeScript, nhưng bạn có thể chuyển đổi các file mã nguồn từ TypeScript sang JavaScript nếu bạn không muốn sử dụng TypeScript.
- Chỉnh sửa file
tsconfig.json:
Mở file tsconfig.json và chỉnh sửa các cấu hình sau:
{
"compilerOptions": {
"outDir": "./dist",
"rootDir": "./src",
"allowJs": true, // Cho phép sử dụng file .js
"checkJs": false
}
}
- Chuyển đổi các tệp TypeScript sang JavaScript:
Bắt đầu bằng cách đổi tên các file TypeScript (.ts) sang JavaScript (.js). Bạn có thể thực hiện điều này bằng cách thủ công hoặc bằng cách sử dụng các công cụ tự động như dts-cli.
VD: Đổi tên main.ts thành main.js trong thư mục src.
- Chỉnh sửa cấu trúc mã nguồn:
Trong các file JavaScript mới tạo, bạn cần thay đổi cú pháp TypeScript thành JavaScript. Chẳng hạn, trong main.js:
const { NestFactory } = require('@nestjs/core');
const { AppModule } = require('./app.module');
async function bootstrap() {
const app = await NestFactory.create(AppModule);
await app.listen(3000);
}
bootstrap();
Tương tự, cập nhật các tệp module và controller trong thư mục src.
Bước 5: Kiểm Tra Và Chạy Ứng Dụng
Sau khi chuyển đổi các file và đảm bảo không còn các lỗi cú pháp nào, bạn có thể xây dựng và chạy lại dự án của mình.
Chạy lệnh sau để biên dịch mã JavaScript:
npm run build
Sau đó, chạy ứng dụng:
npm run start:dev
Kiểm tra lại http://localhost:3000 để đảm bảo rằng ứng dụng vẫn hoạt động bình thường sau khi chuyển đổi.
Bước 6: Tạo Các Thành Phần Mới Trong NestJS
Trong NestJS, bạn có thể tạo các module, dịch vụ (service), và controller mới để thêm các tính năng cho ứng dụng của mình.
- Tạo một module mới:
nest g module users
- Tạo một dịch vụ mới:
nest g service users
- Tạo một controller mới:
nest g controller users
Sau khi tạo các thành phần mới, bạn cần bổ sung các logic cho chúng trong các file .js tương ứng trong thư mục src/users.
Kết Luận
Sử dụng NestJS với JavaScript có thể giúp bạn tận dụng các lợi thế của framework mạnh mẽ này mà không cần phải chuyển sang TypeScript nếu bạn chưa sẵn sàng. Bài viết này đã cung cấp cho bạn các bước cơ bản để cài đặt, chuyển đổi và bắt đầu xây dựng ứng dụng với NestJS bằng JavaScript. Chúc bạn thành công!
Comments