0

Khám phá Express.js

Mayfest2023

1. Giới thiệu về Express.js:

Express.js là một framework JavaScript phổ biến và mạnh mẽ được sử dụng cho phát triển ứng dụng web. Được xây dựng dựa trên Node.js, Express.js giúp đơn giản hóa việc xây dựng các ứng dụng web nhanh chóng và dễ dàng. Nó cung cấp một cách tiếp cận linh hoạt và mô-đun để xử lý các yêu cầu HTTP, xây dựng API và quản lý các tác vụ phía máy chủ.

2. Cách sử dụng

Hãy xem xét một ví dụ đơn giản về việc sử dụng Express.js để tạo một ứng dụng web đơn giản cho việc quản lý sách trong một thư viện.

Bước 1: Cài đặt Express.js và khởi tạo dự án:

Đầu tiên, hãy cài đặt Express.js bằng cách chạy lệnh sau trong terminal:

npm install express

Tiếp theo, hãy tạo một tệp tin có tên "app.js" và khởi tạo dự án Express:

const express = require('express');
const app = express();
const port = 3000;

app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

Bước 2: Xử lý yêu cầu và tạo các tuyến đường (routes):

Trong ví dụ này, chúng ta sẽ tạo hai tuyến đường (routes): một tuyến đường để lấy danh sách các cuốn sách và một tuyến đường để thêm một cuốn sách mới.

// Tuyến đường để lấy danh sách các cuốn sách
app.get('/books', (req, res) => {
  res.send('Danh sách các cuốn sách');
});

// Tuyến đường để thêm một cuốn sách mới
app.post('/books', (req, res) => {
  res.send('Thêm một cuốn sách mới');
});

Bước 3: Chạy ứng dụng và kiểm tra kết quả:

Cuối cùng, hãy chạy ứng dụng bằng lệnh sau trong terminal:

node app.js

Sau khi chạy ứng dụng thành công, bạn có thể truy cập vào các tuyến đường đã định nghĩa. Mở trình duyệt và truy cập vào http://localhost:3000/books, bạn sẽ nhận được thông điệp "Danh sách các cuốn sách".

Bước 4: Thêm các chức năng xử lý dữ liệu:

Tiếp theo, hãy mở rộng ví dụ của chúng ta để thêm các chức năng xử lý dữ liệu thực tế cho ứng dụng quản lý sách. Chúng ta sẽ sử dụng một mảng đơn giản để lưu trữ danh sách các cuốn sách.

// Mảng chứa danh sách các cuốn sách
let books = [];

// Tuyến đường để lấy danh sách các cuốn sách
app.get('/books', (req, res) => {
  res.json(books);
});

// Tuyến đường để thêm một cuốn sách mới
app.post('/books', (req, res) => {
  const newBook = req.body;
  books.push(newBook);
  res.status(201).json(newBook);
});

Trong ví dụ trên, chúng ta đã thêm một mảng books để lưu trữ danh sách các cuốn sách. Tuyến đường /books được sử dụng để lấy danh sách các cuốn sách, và tuyến đường /books với phương thức POST được sử dụng để thêm một cuốn sách mới vào danh sách. Khi một cuốn sách mới được thêm, chúng ta trả về cuốn sách đó và trạng thái 201 (Created).

Bước 5: Xử lý tham số động:

Đôi khi, chúng ta cần xử lý các yêu cầu với các tham số động, ví dụ như lấy thông tin về một cuốn sách cụ thể. Dùng dấu hai chấm để xác định một tham số động trong tuyến đường và truy cập nó trong hàm xử lý tương ứng.

// Tuyến đường để lấy thông tin về một cuốn sách cụ thể
app.get('/books/:id', (req, res) => {
  const bookId = req.params.id;
  const book = books.find((book) => book.id === bookId);
  if (!book) {
    res.status(404).send('Cuốn sách không tồn tại');
  } else {
    res.json(book);
  }
});

Trong ví dụ trên, chúng ta sử dụng :id để xác định một tham số động trong tuyến đường. Trong hàm xử lý, chúng ta sử dụng req.params.id để truy cập giá trị của tham số động và tìm cuốn sách tương ứng trong mảng books. Nếu cuốn sách không tồn tại, chúng ta trả về trạng thái 404 (Not Found).

Kết Luận:

Express.js là một framework JavaScript mạnh mẽ cho phát triển ứng dụng web, cung cấp nhiều tính năng hữu ích để xử lý yêu cầu HTTP, xây dựng API và quản lý các tác vụ phía máy chủ. Với khả năng linh hoạt và sự dễ dàng trong việc triển khai, Express.js là một lựa chọn tuyệt vời cho việc phát triển ứng dụng web hiệu quả.


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí