Tóm lược. trong hướng dẫn này, bạn sẽ tìm hiểu về Express web framework và bắt đầu xây dựng một máy chủ Express đơn giản
Giới thiệu về khung web Express
Express là một khung web tối thiểu và linh hoạt cho Node. js. Express cung cấp một bộ tính năng phù hợp để xây dựng các ứng dụng web
Ngoài ra, Express cung cấp các tiện ích HTTP cho phép bạn phát triển API nhanh chóng và dễ dàng. Nó cũng phù hợp để tạo API cho ứng dụng di động
Khi một nút. ứng dụng js nhận được một yêu cầu HTTP, nó sẽ chuyển yêu cầu tới Express. Ví dụ
Code language: JavaScript [javascript]
//localhost:3000/
Khi Express nhìn thấy tuyến đường
9, nó sẽ thực thi một chức năng để xử lý yêu cầu, chẳng hạn như trả lại một phần nội dung cho máy khách. Hàm xử lý một tuyến đường được gọi là trình xử lý tuyến đườngCode language: JavaScript [javascript]
npm install express
Cài đặt khung Express
Trước khi sử dụng Express, bạn cần cài đặt nó bằng lệnh
0 sauCode language: JavaScript [javascript]
sudo npm install express
Code language: JavaScript [javascript]
npm install express
Nếu bạn sử dụng macOS hoặc Linux, bạn có thể sử dụng lệnh
1 để thay thếCode language: JavaScript [javascript]
sudo npm install express
Code language: JavaScript [javascript]
sudo npm install express
Tạo một ứng dụng Express đơn giản
Đầu tiên, tạo một thư mục dự án mới có tên là
2Code language: JavaScript [javascript]
sudo npm install express
Code language: JavaScript [javascript]
mkdir express-server
Thứ hai, chạy lệnh
3Code language: JavaScript [javascript]
sudo npm install express
Code language: JavaScript [javascript]
npm init --yes
Thứ ba, tạo một tệp
4 với đoạn mã sauCode language: JavaScript [javascript]
sudo npm install express
1Code language: JavaScript [javascript]
npm install express
Làm thế nào nó hoạt động
Đầu tiên, tải mô-đun Express
2Code language: JavaScript [javascript]
npm install express
5 là một hàm trả về một phiên bản của ứng dụng ExpressCode language: JavaScript [javascript]
sudo npm install express
Thứ hai, gọi hàm
6 để lấy một phiên bản của ứng dụngCode language: JavaScript [javascript]
sudo npm install express
7Code language: JavaScript [javascript]
sudo npm install express
6Code language: JavaScript [javascript]
npm install express
Thứ ba, xác định trình xử lý tuyến xử lý yêu cầu HTTP GET tới tuyến trang web
9Code language: JavaScript [javascript]
npm install express
8Code language: JavaScript [javascript]
npm install express
Phương thức
9 có hai tham sốCode language: JavaScript [javascript]
sudo npm install express
- Tham số đầu tiên là tuyến đường. Trong trường hợp này, đó là gốc trang web
9
Code language: JavaScript [javascript]npm install express
- Tham số thứ hai là hàm gọi lại có hai tham số.
1 và
Code language: JavaScript [javascript]mkdir express-server
2
Code language: JavaScript [javascript]mkdir express-server
1 đại diện cho yêu cầu HTTP và tham sốCode language: JavaScript [javascript]
mkdir express-server
2 mô tả phản hồi HTTP. Đây là các thể hiện của các lớp Yêu cầu và Phản hồi. Chúng có nhiều thuộc tính và phương thức hữu ích để xử lý các yêu cầu và phản hồi HTTPCode language: JavaScript [javascript]
mkdir express-server
Trong ví dụ này, chúng tôi gọi phương thức
5 của đối tượng phản hồi HTTP để gửi lại một văn bản đơn giảnCode language: JavaScript [javascript]
mkdir express-server
Cuối cùng, hướng dẫn nút. js để nghe yêu cầu HTTP trên cổng 3000
6Code language: JavaScript [javascript]
sudo npm install express
Để chạy ứng dụng, bạn có thể mở terminal và gõ lệnh sau
0Code language: JavaScript [javascript]
npm install express
Nếu bạn thấy đầu ra sau, điều đó có nghĩa là ứng dụng chạy thành công
1Code language: JavaScript [javascript]
npm install express
Nếu không, bạn cần kiểm tra lại mã ở trên xem có lỗi chính tả nào không
Để gửi yêu cầu HTTP GET tới ứng dụng Express, bạn có thể mở trình duyệt web và nhập URL sau
2Code language: JavaScript [javascript]
npm install express
Và bạn sẽ thấy thông báo sau trên trình duyệt web
3Code language: JavaScript [javascript]
npm install express
Để thêm một route khác, ví dụ
6 bạn thêm một route handler mới vào fileCode language: JavaScript [javascript]
mkdir express-server
4 như thế nàyCode language: JavaScript [javascript]
sudo npm install express
4Code language: JavaScript [javascript]
npm install express
Để chạy ứng dụng mới, bạn cần dừng ứng dụng hiện tại và khởi động lại ứng dụng đó
Khi bạn điều hướng đến URL sau
5Code language: JavaScript [javascript]
npm install express
bạn sẽ thấy nội dung sau
6Code language: JavaScript [javascript]
npm install express
Khi bạn xem nguồn của trang, bạn sẽ thấy HTML sau
7Code language: JavaScript [javascript]
npm install express
quy ước cộng đồng
Nếu bạn xem mã ở nơi khác, bạn sẽ tìm thấy các tham số của trình xử lý tuyến đường như thế này
8Code language: JavaScript [javascript]
npm install express
Trong cú pháp này,
8 là viết tắt của yêu cầu vàCode language: JavaScript [javascript]
mkdir express-server
9 là viết tắt của phản hồi. Đó là một quy ước cộng đồng để tiết kiệm một số đánh máy. Chúng tôi sẽ tuân theo quy ước này từ hướng dẫn tiếp theoCode language: JavaScript [javascript]
mkdir express-server