Giới thiệu Express/Node

Giới thiệu Node

Node (hay chính thức hơn là Node.js) là một môi trường thực thi mã nguồn mở, đa nền tảng cho phép các nhà phát triển tạo mọi loại công cụ và ứng dụng phía máy chủ bằng JavaScript. Môi trường thực thi được thiết kế để sử dụng bên ngoài ngữ cảnh trình duyệt (tức là, chạy trực tiếp trên hệ điều hành máy tính hoặc máy chủ). Do đó, môi trường bỏ qua các JavaScript API dành riêng cho trình duyệt và thêm hỗ trợ cho các API hệ điều hành truyền thống hơn bao gồm các thư viện HTTP và hệ thống tệp.

Từ quan điểm phát triển máy chủ web, Node có một số lợi ích:

• Hiệu suất tuyệt vời! Node được thiết kế để tối ưu hóa thông lượng và khả năng mở rộng trong các ứng dụng web và là giải pháp tốt cho nhiều vấn đề phát triển web phổ biến (ví dụ: ứng dụng web thời gian thực).
• Mã được viết bằng "JavaScript thuần túy", có nghĩa là ít thời gian hơn được dành để đối phó với "chuyển đổi ngữ cảnh" giữa các ngôn ngữ khi bạn đang viết cả mã phía máy khách và phía máy chủ.
• JavaScript là một ngôn ngữ lập trình tương đối mới và được hưởng lợi từ các cải tiến trong thiết kế ngôn ngữ so với các ngôn ngữ máy chủ web truyền thống khác (ví dụ: Python, PHP, v.v.) Nhiều ngôn ngữ mới và phổ biến khác biên dịch/chuyển đổi sang JavaScript, vì vậy bạn cũng có thể sử dụng TypeScript, CoffeeScript, ClojureScript, Scala, LiveScript, v.v.
• Trình quản lý gói node (npm) cung cấp quyền truy cập vào hàng trăm nghìn gói có thể tái sử dụng. Nó cũng có khả năng phân giải phụ thuộc tốt nhất trong ngành và cũng có thể được sử dụng để tự động hóa hầu hết các chuỗi công cụ xây dựng.
• Node.js có tính di động. Nó có sẵn trên Microsoft Windows, macOS, Linux, Solaris, FreeBSD, OpenBSD, WebOS và NonStop OS. Hơn nữa, nó được hỗ trợ tốt bởi nhiều nhà cung cấp lưu trữ web, thường cung cấp cơ sở hạ tầng và tài liệu cụ thể để lưu trữ các trang web Node.
• Nó có hệ sinh thái bên thứ ba và cộng đồng nhà phát triển rất năng động, với nhiều người sẵn sàng giúp đỡ.

Bạn có thể sử dụng Node.js để tạo một máy chủ web đơn giản bằng gói HTTP của Node.

Xin chào Node.js

Ví dụ sau tạo một máy chủ web lắng nghe bất kỳ loại yêu cầu HTTP nào trên URL http://127.0.0.1:8000/ — khi nhận được yêu cầu, script sẽ phản hồi với chuỗi: "Hello World". Nếu bạn đã cài đặt node, bạn có thể làm theo các bước sau để thử ví dụ:

1. Mở Terminal (trên Windows, mở tiện ích dòng lệnh)

2. Tạo thư mục nơi bạn muốn lưu chương trình, ví dụ: test-node rồi nhập vào đó bằng cách nhập lệnh sau vào terminal của bạn:

   bash

   cd test-node
   

3. Sử dụng trình soạn thảo văn bản yêu thích của bạn, tạo một tệp có tên hello.js và dán mã sau vào đó:

   js

   // Load HTTP module
   const http = require("http");
   
   const hostname = "127.0.0.1";
   const port = 8000;
   
   // Create HTTP server
   const server = http.createServer((req, res) => {
     // Set the response HTTP header with HTTP status and Content type
     res.writeHead(200, { "Content-Type": "text/plain" });
   
     // Send the response body "Hello World"
     res.end("Hello World\n");
   });
   
   // Prints a log once the server starts listening
   server.listen(port, hostname, () => {
     console.log(`Server running at http://${hostname}:${port}/`);
   });
   

4. Lưu tệp vào thư mục bạn đã tạo ở trên.

5. Quay lại terminal và gõ lệnh sau:

   bash

   node hello.js
   

Cuối cùng, điều hướng đến http://localhost:8000 trong trình duyệt web của bạn; bạn sẽ thấy văn bản "Hello World" ở góc trên bên trái của một trang web trống.

Các Framework web

Các tác vụ phát triển web phổ biến khác không được Node hỗ trợ trực tiếp. Nếu bạn muốn thêm xử lý cụ thể cho các phương thức HTTP khác nhau (ví dụ: GET, POST, DELETE, v.v.), xử lý riêng các yêu cầu tại các đường dẫn URL khác nhau ("route"), phục vụ các tệp tĩnh hoặc sử dụng mẫu để tạo động phản hồi, Node sẽ không hữu ích lắm khi tự mình thực hiện. Bạn cần tự viết mã, hoặc bạn có thể tránh tái phát minh bánh xe và sử dụng một framework web!

Giới thiệu Express

Express là framework web Node.js phổ biến nhất, và là thư viện nền tảng cho một số framework Node.js phổ biến khác. Nó cung cấp các cơ chế để:

• Viết các trình xử lý cho các yêu cầu với các phương thức HTTP khác nhau tại các đường dẫn URL khác nhau (route).
• Tích hợp với các công cụ render "view" để tạo phản hồi bằng cách chèn dữ liệu vào các mẫu.
• Đặt các cài đặt ứng dụng web phổ biến như cổng để sử dụng để kết nối và vị trí của các mẫu được sử dụng để render phản hồi.
• Thêm middleware xử lý yêu cầu bổ sung tại bất kỳ điểm nào trong đường ống xử lý yêu cầu.

Mặc dù Express bản thân khá tối giản, các nhà phát triển đã tạo các gói middleware tương thích để giải quyết hầu hết mọi vấn đề phát triển web. Có các thư viện để làm việc với cookie, phiên, đăng nhập người dùng, tham số URL, dữ liệu POST, tiêu đề bảo mật và nhiều hơn nữa. Bạn có thể tìm thấy danh sách các gói middleware được duy trì bởi nhóm Express tại Express Middleware (cùng với danh sách một số gói bên thứ ba phổ biến).

Node và Express đến từ đâu?

Node ban đầu được phát hành, chỉ cho Linux, vào năm 2009. Trình quản lý gói npm được phát hành vào năm 2010 và hỗ trợ Windows gốc được thêm vào năm 2012. Hãy xem Wikipedia nếu bạn muốn biết thêm.

Express ban đầu được phát hành vào tháng 11 năm 2010 và hiện đang ở phiên bản chính 5 của API. Bạn có thể xem changelog để biết thông tin về các thay đổi trong bản phát hành hiện tại và GitHub để biết ghi chú phát hành lịch sử chi tiết hơn.

Node và Express có phổ biến không?

Sự phổ biến của một framework web là quan trọng vì nó là chỉ số về việc nó có tiếp tục được duy trì hay không và những tài nguyên nào có thể có sẵn về tài liệu, thư viện bổ sung và hỗ trợ kỹ thuật.

Không có biện pháp sẵn có và dứt khoát nào về sự phổ biến của các framework phía máy chủ (mặc dù bạn có thể ước tính sự phổ biến bằng cách sử dụng các cơ chế như đếm số lượng dự án GitHub và câu hỏi Stack Overflow cho mỗi nền tảng). Câu hỏi tốt hơn là liệu Node và Express có "đủ phổ biến" để tránh các vấn đề của các nền tảng không phổ biến hay không. Chúng có tiếp tục phát triển không? Bạn có thể nhận được trợ giúp nếu cần không? Có cơ hội để bạn được trả lương nếu bạn học Express không?

Dựa trên số lượng các công ty nổi tiếng sử dụng Express, số lượng người đóng góp vào cơ sở mã và số lượng người cung cấp hỗ trợ miễn phí và có trả phí, thì có, Express là một framework phổ biến!

Express có áp đặt quan điểm không?

Các framework web thường tự gọi mình là "áp đặt quan điểm" hoặc "không áp đặt quan điểm".

Các framework áp đặt quan điểm là những framework có ý kiến về "cách đúng" để xử lý bất kỳ nhiệm vụ cụ thể nào. Chúng thường hỗ trợ phát triển nhanh trong một lĩnh vực cụ thể (giải quyết các vấn đề của một loại cụ thể) vì cách đúng để làm bất cứ điều gì thường được hiểu rõ và được ghi lại đầy đủ. Tuy nhiên chúng có thể kém linh hoạt hơn trong việc giải quyết các vấn đề bên ngoài lĩnh vực chính của họ và có xu hướng cung cấp ít lựa chọn hơn về những thành phần và phương pháp nào họ có thể sử dụng.

Các framework không áp đặt quan điểm, ngược lại, có ít hạn chế hơn về cách tốt nhất để ghép các thành phần lại với nhau để đạt được mục tiêu, hoặc thậm chí các thành phần nào nên được sử dụng. Chúng giúp các nhà phát triển dễ dàng sử dụng các công cụ phù hợp nhất để hoàn thành một nhiệm vụ cụ thể, mặc dù với chi phí là bạn cần tự tìm những thành phần đó.

Express không áp đặt quan điểm. Bạn có thể chèn hầu hết bất kỳ middleware tương thích nào vào chuỗi xử lý yêu cầu, theo hầu hết bất kỳ thứ tự nào bạn thích. Bạn có thể cấu trúc ứng dụng trong một tệp hoặc nhiều tệp và sử dụng bất kỳ cấu trúc thư mục nào. Đôi khi bạn có thể cảm thấy bạn có quá nhiều lựa chọn!

Mã Express trông như thế nào?

Trong một trang web hướng dữ liệu truyền thống, ứng dụng web chờ các yêu cầu HTTP từ trình duyệt web (hoặc máy khách khác). Khi nhận được yêu cầu, ứng dụng tìm ra hành động nào cần dựa trên mẫu URL và có thể thông tin liên quan chứa trong dữ liệu POST hoặc dữ liệu GET. Tùy thuộc vào những gì được yêu cầu, nó có thể đọc hoặc ghi thông tin từ cơ sở dữ liệu hoặc thực hiện các tác vụ khác cần thiết để đáp ứng yêu cầu. Ứng dụng sẽ trả về phản hồi cho trình duyệt web, thường tạo động một trang HTML cho trình duyệt hiển thị bằng cách chèn dữ liệu được truy xuất vào các vị trí giữ chỗ trong mẫu HTML.

Express cung cấp các phương thức để chỉ định hàm nào được gọi cho một phương thức HTTP cụ thể (GET, POST, PUT, v.v.) và mẫu URL ("Route"), và các phương thức để chỉ định công cụ mẫu ("view") nào được sử dụng, nơi các tệp mẫu được đặt và mẫu nào để render phản hồi. Bạn có thể sử dụng middleware Express để thêm hỗ trợ cho cookie, phiên và người dùng, lấy tham số POST/GET, v.v. Bạn có thể sử dụng bất kỳ cơ chế cơ sở dữ liệu nào được Node hỗ trợ (Express không định nghĩa bất kỳ hành vi liên quan đến cơ sở dữ liệu nào).

Các phần sau đây giải thích một số điều phổ biến bạn sẽ thấy khi làm việc với mã Express và Node.

Xin chào thế giới với Express

Trước tiên hãy xem xét ví dụ Hello World Express tiêu chuẩn (chúng tôi thảo luận từng phần bên dưới và trong các phần sau).

const express = require("express");

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

app.get("/", (req, res) => {
  res.send("Hello World!");
});

app.listen(port, () => {
  console.log(`Example app listening on port ${port}!`);
});

Hai dòng đầu tiên require() (import) module express và tạo một ứng dụng Express. Đối tượng này, thường được đặt tên là app, có các phương thức để định tuyến các yêu cầu HTTP, cấu hình middleware, render các HTML views, đăng ký công cụ mẫu và sửa đổi cài đặt ứng dụng kiểm soát cách ứng dụng hoạt động (ví dụ: chế độ môi trường, liệu định nghĩa route có phân biệt chữ hoa chữ thường hay không, v.v.)

Phần giữa của mã (ba dòng bắt đầu bằng app.get) hiển thị một định nghĩa route. Phương thức app.get() chỉ định một hàm gọi lại sẽ được gọi bất cứ khi nào có yêu cầu HTTP GET với đường dẫn ('/') tương đối so với gốc trang web. Hàm gọi lại lấy đối tượng yêu cầu và phản hồi làm đối số và gọi send() trên phản hồi để trả về chuỗi "Hello World!"

Khối cuối cùng khởi động máy chủ trên cổng chỉ định ('3000') và in nhận xét log vào console. Với máy chủ đang chạy, bạn có thể truy cập localhost:3000 trong trình duyệt của mình để xem phản hồi ví dụ được trả về.

Import và tạo module

Một module là thư viện/tệp JavaScript mà bạn có thể import vào mã khác bằng hàm require() của Node. Express bản thân là một module, cũng như các thư viện middleware và cơ sở dữ liệu mà chúng tôi sử dụng trong các ứng dụng Express của mình.

Mã bên dưới hiển thị cách chúng tôi import một module theo tên, sử dụng framework Express làm ví dụ. Đầu tiên chúng tôi gọi hàm require(), chỉ định tên của module dưới dạng chuỗi ('express') và gọi đối tượng được trả về để tạo một ứng dụng Express. Sau đó chúng tôi có thể truy cập các thuộc tính và hàm của đối tượng ứng dụng.

const express = require("express");

const app = express();

Bạn cũng có thể tạo các module của riêng mình có thể được import theo cách tương tự.

Để làm cho các đối tượng có sẵn bên ngoài một module, bạn chỉ cần expose chúng dưới dạng các thuộc tính bổ sung trên đối tượng exports. Ví dụ: module square.js bên dưới là một tệp export các phương thức area() và perimeter():

exports.area = function (width) {
  return width * width;
};
exports.perimeter = function (width) {
  return 4 * width;
};

Chúng tôi có thể import module này bằng require() và sau đó gọi các phương thức được export như được hiển thị:

const square = require("./square"); // Here we require() the name of the file without the (optional) .js file extension

console.log(`The area of a square with a width of 4 is ${square.area(4)}`);

Nếu bạn muốn export một đối tượng hoàn chỉnh trong một phép gán thay vì xây dựng nó từng thuộc tính một, hãy gán nó cho module.exports như được hiển thị bên dưới (bạn cũng có thể thực hiện điều này để làm cho gốc của đối tượng exports trở thành hàm khởi tạo hoặc hàm khác):

module.exports = {
  area(width) {
    return width * width;
  },

  perimeter(width) {
    return 4 * width;
  },
};

Để biết thêm thông tin về module, xem Modules (Tài liệu API Node).

Sử dụng các API bất đồng bộ

Mã JavaScript thường xuyên sử dụng các API bất đồng bộ thay vì đồng bộ cho các hoạt động có thể mất một thời gian để hoàn thành. API đồng bộ là API trong đó mỗi hoạt động phải hoàn thành trước khi hoạt động tiếp theo có thể bắt đầu. Ví dụ: các hàm log sau đây là đồng bộ và sẽ in văn bản vào console theo thứ tự (First, Second).

console.log("First");
console.log("Second");

Ngược lại, API bất đồng bộ là API trong đó API sẽ bắt đầu một hoạt động và ngay lập tức trả về (trước khi hoạt động hoàn thành). Một khi hoạt động kết thúc, API sẽ sử dụng một số cơ chế để thực hiện các hoạt động bổ sung. Ví dụ: mã bên dưới sẽ in ra "Second, First" vì mặc dù phương thức setTimeout() được gọi đầu tiên và trả về ngay lập tức, hoạt động này không hoàn thành trong vài giây.

setTimeout(() => {
  console.log("First");
}, 3000);
console.log("Second");

Sử dụng các API bất đồng bộ không chặn thậm chí còn quan trọng hơn trên Node so với trong trình duyệt vì các ứng dụng Node thường được viết như một môi trường thực thi đơn luồng, hướng sự kiện. "Đơn luồng" có nghĩa là tất cả các yêu cầu đến máy chủ đều chạy trên cùng một luồng (thay vì được tạo ra thành các tiến trình riêng biệt). Mô hình này cực kỳ hiệu quả về tốc độ và tài nguyên máy chủ. Tuy nhiên, nó có nghĩa là nếu bất kỳ hàm nào của bạn gọi các phương thức đồng bộ mất nhiều thời gian để hoàn thành, chúng sẽ chặn không chỉ yêu cầu hiện tại mà còn mọi yêu cầu khác đang được xử lý bởi ứng dụng web của bạn.

Có nhiều cách để API bất đồng bộ thông báo cho ứng dụng của bạn rằng nó đã hoàn thành. Về mặt lịch sử, cách tiếp cận được sử dụng là đăng ký hàm gọi lại khi gọi API bất đồng bộ, sau đó được gọi khi hoạt động hoàn thành (đây là cách tiếp cận được sử dụng ở trên).

Mã JavaScript hiện đại thường xuyên sử dụng Promises và async/await để quản lý luồng chương trình bất đồng bộ. Bạn nên sử dụng promises khi có thể. Nếu làm việc với mã sử dụng hàm gọi lại, bạn có thể sử dụng hàm utils.promisify của Node.js để xử lý việc chuyển đổi hàm gọi lại → Promise một cách thuận tiện.

Tạo trình xử lý route

Trong ví dụ Hello World Express của chúng tôi (xem ở trên), chúng tôi đã định nghĩa một hàm trình xử lý route (hàm gọi lại) cho các yêu cầu HTTP GET đến gốc trang web ('/').

app.get("/", (req, res) => {
  res.send("Hello World!");
});

Hàm gọi lại lấy đối tượng yêu cầu và phản hồi làm đối số. Trong trường hợp này, phương thức gọi send() trên phản hồi để trả về chuỗi "Hello World!" Có một số phương thức phản hồi khác để kết thúc chu kỳ yêu cầu/phản hồi, ví dụ: bạn có thể gọi res.json() để gửi phản hồi JSON hoặc res.sendFile() để gửi một tệp.

Đối tượng ứng dụng Express cũng cung cấp các phương thức để định nghĩa các trình xử lý route cho tất cả các phương thức HTTP khác, hầu hết được sử dụng theo cách hoàn toàn giống nhau:

checkout(), copy(), delete(), get(), head(), lock(), merge(), mkactivity(), mkcol(), move(), m-search(), notify(), options(), patch(), post(), purge(), put(), report(), search(), subscribe(), trace(), unlock(), unsubscribe().

Có một phương thức định tuyến đặc biệt, app.all(), sẽ được gọi để đáp lại bất kỳ phương thức HTTP nào. Điều này được sử dụng để tải các hàm middleware tại một đường dẫn cụ thể cho tất cả các phương thức yêu cầu. Ví dụ sau (từ tài liệu Express) hiển thị một trình xử lý sẽ được thực thi cho các yêu cầu đến /secret bất kể phương thức HTTP nào được sử dụng (miễn là nó được hỗ trợ bởi module http).

app.all("/secret", (req, res, next) => {
  console.log("Accessing the secret section…");
  next(); // pass control to the next handler
});

Route cho phép bạn khớp các mẫu ký tự cụ thể trong URL và trích xuất một số giá trị từ URL và truyền chúng dưới dạng tham số cho trình xử lý route (như các thuộc tính của đối tượng yêu cầu được truyền dưới dạng tham số).

Thường hữu ích khi nhóm các trình xử lý route cho một phần cụ thể của trang web lại với nhau và truy cập chúng bằng cách sử dụng tiền tố route chung (ví dụ: một trang web có Wiki có thể có tất cả các route liên quan đến wiki trong một tệp và có chúng được truy cập với tiền tố route /wiki/). Trong Express điều này được thực hiện bằng cách sử dụng đối tượng express.Router. Ví dụ: chúng tôi có thể tạo route wiki của mình trong một module có tên wiki.js và sau đó export đối tượng Router, như được hiển thị bên dưới:

// wiki.js - Wiki route module

const express = require("express");

const router = express.Router();

// Home page route
router.get("/", (req, res) => {
  res.send("Wiki home page");
});

// About page route
router.get("/about", (req, res) => {
  res.send("About this wiki");
});

module.exports = router;

Để sử dụng bộ định tuyến trong tệp ứng dụng chính của chúng tôi, chúng tôi sẽ require() module route (wiki.js) và sau đó gọi use() trên ứng dụng Express để thêm Bộ định tuyến vào đường dẫn xử lý middleware. Hai route sau đó sẽ có thể truy cập từ /wiki/ và /wiki/about/.

const wiki = require("./wiki.js");

// …
app.use("/wiki", wiki);

Chúng tôi sẽ chỉ cho bạn nhiều hơn về làm việc với route, và đặc biệt là về việc sử dụng Router, sau này trong phần được liên kết Route và bộ điều khiển.

Sử dụng middleware

Middleware được sử dụng rộng rãi trong các ứng dụng Express, cho các tác vụ từ phục vụ các tệp tĩnh đến xử lý lỗi, đến nén các phản hồi HTTP. Trong khi các hàm route kết thúc chu kỳ yêu cầu-phản hồi HTTP bằng cách trả về một số phản hồi cho máy khách HTTP, các hàm middleware thường thực hiện một số hoạt động trên yêu cầu hoặc phản hồi và sau đó gọi hàm tiếp theo trong "ngăn xếp", có thể là nhiều middleware hơn hoặc một trình xử lý route. Thứ tự gọi middleware là tùy thuộc vào nhà phát triển ứng dụng.

Hầu hết các ứng dụng sẽ sử dụng middleware bên thứ ba để đơn giản hóa các tác vụ phát triển web phổ biến như làm việc với cookie, phiên, xác thực người dùng, truy cập dữ liệu POST và JSON của yêu cầu, logging, v.v. Bạn có thể tìm thấy danh sách các gói middleware được duy trì bởi nhóm Express (cũng bao gồm các gói bên thứ ba phổ biến khác). Các gói Express khác có sẵn trên trình quản lý gói npm.

Để sử dụng middleware bên thứ ba, trước tiên bạn cần cài đặt nó vào ứng dụng của mình bằng npm. Ví dụ: để cài đặt middleware logger HTTP request morgan, bạn sẽ làm điều này:

npm install morgan

Sau đó bạn có thể gọi use() trên đối tượng ứng dụng Express để thêm middleware vào ngăn xếp:

const express = require("express");
const logger = require("morgan");

const app = express();
app.use(logger("dev"));
// …

Bạn có thể viết các hàm middleware của riêng mình và bạn có khả năng phải làm vậy (ít nhất là để tạo mã xử lý lỗi). Sự khác biệt duy nhất giữa hàm middleware và hàm gọi lại trình xử lý route là các hàm middleware có đối số thứ ba next, mà các hàm middleware được mong đợi gọi nếu chúng không phải là thứ hoàn thành chu kỳ yêu cầu (khi hàm middleware được gọi, điều này chứa hàm next phải được gọi).

Bạn có thể thêm hàm middleware vào chuỗi xử lý cho tất cả các phản hồi với app.use(), hoặc cho một phương thức HTTP cụ thể bằng cách sử dụng phương thức liên quan: app.get(), app.post(), v.v. Route được chỉ định theo cùng một cách cho cả hai trường hợp, mặc dù route là tùy chọn khi gọi app.use().

Ví dụ dưới đây hiển thị cách bạn có thể thêm hàm middleware bằng cả hai phương pháp, và có/không có route.

const express = require("express");

const app = express();

// An example middleware function
function middlewareFunction(req, res, next) {
  // Perform some operations
  next(); // Call next() so Express will call the next middleware function in the chain.
}

// Function added with use() for all routes and verbs
app.use(middlewareFunction);

// Function added with use() for a specific route
app.use("/some-route", middlewareFunction);

// A middleware function added for a specific HTTP verb and route
app.get("/", middlewareFunction);

app.listen(3000);

Tài liệu Express có rất nhiều tài liệu tuyệt vời về sử dụng và viết Express middleware.

Phục vụ các tệp tĩnh

Bạn có thể sử dụng middleware express.static để phục vụ các tệp tĩnh, bao gồm hình ảnh, CSS và JavaScript (static() là hàm middleware duy nhất thực sự là một phần của Express). Ví dụ: bạn sẽ sử dụng dòng bên dưới để phục vụ hình ảnh, tệp CSS và tệp JavaScript từ thư mục có tên 'public' ở cùng cấp với nơi bạn gọi node:

app.use(express.static("public"));

Bất kỳ tệp nào trong thư mục public đều được phục vụ bằng cách thêm tên tệp của chúng (tương đối so với thư mục "public" cơ sở) vào URL cơ sở. Ví dụ:

http://localhost:3000/images/dog.jpg
http://localhost:3000/css/style.css
http://localhost:3000/js/app.js
http://localhost:3000/about.html

Bạn có thể gọi static() nhiều lần để phục vụ nhiều thư mục. Nếu một tệp không thể tìm thấy bởi một hàm middleware thì nó sẽ được chuyển đến middleware tiếp theo (thứ tự gọi middleware dựa trên thứ tự khai báo của bạn).

app.use(express.static("public"));
app.use(express.static("media"));

Bạn cũng có thể tạo tiền tố ảo cho các URL tĩnh của mình, thay vì các tệp được thêm vào URL cơ sở. Ví dụ: ở đây chúng tôi chỉ định đường dẫn mount sao cho các tệp được tải với tiền tố "/media":

app.use("/media", express.static("public"));

Bây giờ bạn có thể tải các tệp trong thư mục public từ tiền tố đường dẫn /media.

http://localhost:3000/media/images/dog.jpg
http://localhost:3000/media/video/cat.mp4
http://localhost:3000/media/cry.mp3

Xử lý lỗi

Lỗi được xử lý bởi một hoặc nhiều hàm middleware đặc biệt có bốn đối số, thay vì ba thông thường: (err, req, res, next). Ví dụ:

app.use((err, req, res, next) => {
  console.error(err.stack);
  res.status(500).send("Something broke!");
});

Chúng có thể trả về bất kỳ nội dung nào được yêu cầu, nhưng phải được gọi sau tất cả các lệnh gọi app.use() và route khác để chúng là middleware cuối cùng trong quá trình xử lý yêu cầu!

Express đi kèm với trình xử lý lỗi tích hợp, xử lý bất kỳ lỗi còn lại nào có thể gặp trong ứng dụng. Hàm middleware xử lý lỗi mặc định này được thêm vào cuối ngăn xếp hàm middleware. Nếu bạn chuyển lỗi đến next() và bạn không xử lý nó trong một trình xử lý lỗi, nó sẽ được xử lý bởi trình xử lý lỗi tích hợp; lỗi sẽ được ghi vào máy khách với stack trace.

Để biết thêm thông tin xem Xử lý lỗi (Tài liệu Express).

Sử dụng cơ sở dữ liệu

Các ứng dụng Express có thể sử dụng bất kỳ cơ chế cơ sở dữ liệu nào được Node hỗ trợ (Express bản thân không định nghĩa bất kỳ hành vi/yêu cầu bổ sung cụ thể nào cho quản lý cơ sở dữ liệu). Có nhiều tùy chọn, bao gồm PostgreSQL, MySQL, Redis, SQLite, MongoDB, v.v.

Để sử dụng những thứ này, bạn phải cài đặt trình điều khiển cơ sở dữ liệu trước bằng npm. Ví dụ: để cài đặt trình điều khiển cho MongoDB NoSQL phổ biến, bạn sẽ sử dụng lệnh:

npm install mongodb

Bản thân cơ sở dữ liệu có thể được cài đặt cục bộ hoặc trên máy chủ đám mây. Trong mã Express của bạn, bạn import trình điều khiển, kết nối với cơ sở dữ liệu và sau đó thực hiện các hoạt động tạo, đọc, cập nhật và xóa (CRUD). Ví dụ dưới đây hiển thị cách bạn có thể tìm các bản ghi "mammal" bằng MongoDB:

const { MongoClient } = require("mongodb");

const uri = "mongodb://localhost:27017";
const client = new MongoClient(uri);

async function run() {
  try {
    await client.connect();
    const db = client.db("animals");
    const mammals = await db.collection("mammals").find().toArray();
    console.log(mammals);
  } finally {
    await client.close();
  }
}

run().catch(console.error);

Một cách tiếp cận phổ biến khác là truy cập cơ sở dữ liệu của bạn gián tiếp, qua Object Relational Mapper ("ORM"). Trong cách tiếp cận này, bạn định nghĩa dữ liệu của mình là "đối tượng" hoặc "mô hình" và ORM ánh xạ chúng vào định dạng cơ sở dữ liệu cơ bản. Cách tiếp cận này có lợi là với tư cách là nhà phát triển, bạn có thể tiếp tục suy nghĩ theo các đối tượng JavaScript thay vì ngữ nghĩa cơ sở dữ liệu và có một nơi rõ ràng để thực hiện xác thực và kiểm tra dữ liệu đến. Chúng tôi sẽ nói thêm về cơ sở dữ liệu trong một bài viết sau.

Để biết thêm thông tin xem Tích hợp cơ sở dữ liệu (Tài liệu Express).

Render dữ liệu (views)

Các công cụ mẫu (cũng được gọi là "công cụ view" trong Express) cho phép bạn chỉ định cấu trúc của tài liệu đầu ra trong một mẫu, sử dụng các vị trí giữ chỗ cho dữ liệu sẽ được điền vào khi một trang được tạo. Mẫu thường được sử dụng để tạo HTML, nhưng cũng có thể tạo các loại tài liệu khác.

Express hỗ trợ một số công cụ mẫu, đáng chú ý là Pug (trước đây là "Jade"), Mustache và EJS. Mỗi cái có điểm mạnh riêng để giải quyết các trường hợp sử dụng cụ thể (có thể dễ dàng tìm thấy so sánh tương đối qua tìm kiếm Internet). Trình tạo ứng dụng Express sử dụng Jade làm mặc định, nhưng nó cũng hỗ trợ một số cái khác.

Trong mã cài đặt ứng dụng của bạn, bạn đặt công cụ mẫu để sử dụng và vị trí Express nên tìm mẫu bằng cách sử dụng cài đặt 'views' và 'view engine', như được hiển thị bên dưới (bạn cũng sẽ phải cài đặt gói chứa thư viện mẫu của bạn!)

const express = require("express");
const path = require("path");

const app = express();

// Set directory to contain the templates ('views')
app.set("views", path.join(__dirname, "views"));

// Set view engine to use, in this case 'some_template_engine_name'
app.set("view engine", "some_template_engine_name");

Giao diện của mẫu sẽ phụ thuộc vào công cụ bạn sử dụng. Giả sử bạn có một tệp mẫu có tên "index.<template_extension>" chứa các vị trí giữ chỗ cho các biến dữ liệu có tên 'title' và "message", bạn sẽ gọi Response.render() trong một hàm trình xử lý route để tạo và gửi phản hồi HTML:

app.get("/", (req, res) => {
  res.render("index", { title: "About dogs", message: "Dogs rock!" });
});

Để biết thêm thông tin xem Sử dụng công cụ mẫu với Express (Tài liệu Express).

Cấu trúc tệp

Express không đưa ra bất kỳ giả định nào về cấu trúc hay các thành phần bạn sử dụng. Route, views, tệp tĩnh và các logic ứng dụng cụ thể khác có thể sống trong bất kỳ số lượng tệp nào với bất kỳ cấu trúc thư mục nào. Mặc dù hoàn toàn có thể có toàn bộ ứng dụng Express trong một tệp, thường có ý nghĩa khi chia ứng dụng của bạn thành các tệp dựa trên chức năng (ví dụ: quản lý tài khoản, blog, bảng thảo luận) và lĩnh vực kiến trúc (ví dụ: mô hình, view hoặc bộ điều khiển nếu bạn đang sử dụng kiến trúc MVC).

Trong một chủ đề sau, chúng tôi sẽ sử dụng Trình tạo ứng dụng Express, tạo ra một khung ứng dụng mô-đun mà chúng tôi có thể dễ dàng mở rộng để tạo các ứng dụng web.

Tóm tắt

Xin chúc mừng, bạn đã hoàn thành bước đầu tiên trong hành trình Express/Node của mình! Bây giờ bạn nên hiểu những lợi ích chính của Express và Node, và đại khái những phần chính của ứng dụng Express có thể trông như thế nào (route, middleware, xử lý lỗi và mã mẫu). Bạn cũng nên hiểu rằng với Express là một framework không áp đặt quan điểm, cách bạn ghép các phần này lại với nhau và các thư viện bạn sử dụng phần lớn tùy thuộc vào bạn!

Tất nhiên Express được thiết kế cố ý là một framework ứng dụng web rất nhẹ, vì vậy phần lớn lợi ích và tiềm năng của nó đến từ các thư viện và tính năng bên thứ ba. Chúng tôi sẽ xem xét những thứ đó chi tiết hơn trong các bài viết sau. Trong bài viết tiếp theo, chúng tôi sẽ xem xét thiết lập môi trường phát triển Node, để bạn có thể bắt đầu xem một số mã Express hoạt động.

Xem thêm

• Learn Node.js từ Scrimba ^{Đối tác học tập MDN} cung cấp giới thiệu tương tác và thú vị về Node.js.
• Learn Express.js từ Scrimba ^{Đối tác học tập MDN} xây dựng dựa trên liên kết trước đó, hiển thị cách bắt đầu sử dụng framework Express để xây dựng các trang web phía máy chủ.
• Modules (Tài liệu API Node)
• Express (trang chủ)
• Định tuyến cơ bản (Tài liệu Express)
• Hướng dẫn định tuyến (Tài liệu Express)
• Sử dụng công cụ mẫu với Express (Tài liệu Express)
• Sử dụng middleware (Tài liệu Express)
• Viết middleware để sử dụng trong ứng dụng Express (Tài liệu Express)
• Tích hợp cơ sở dữ liệu (Tài liệu Express)
• Phục vụ tệp tĩnh trong Express (Tài liệu Express)
• Xử lý lỗi (Tài liệu Express)

• Overview: Framework web Express (Node.js/JavaScript)
• Next