Tạo máy chủ NodeJS Express

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ụ

https://localhost:3000/
Code language: JavaScript (javascript)

Khi Express nhìn thấy tuyến đường

npm install express
Code language: JavaScript (javascript)

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 đường

Cài đặt khung Express

Trước khi sử dụng Express, bạn cần cài đặt nó bằng lệnh

sudo npm install express
Code language: JavaScript (javascript)

0 sau

npm install express
Code language: JavaScript (javascript)

Nếu bạn sử dụng macOS hoặc Linux, bạn có thể sử dụng lệnh

sudo npm install express
Code language: JavaScript (javascript)

1 để thay thế

sudo npm install express
Code language: JavaScript (javascript)

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à

sudo npm install express
Code language: JavaScript (javascript)

2

mkdir express-server
Code language: JavaScript (javascript)

Thứ hai, chạy lệnh

sudo npm install express
Code language: JavaScript (javascript)

3

npm init --yes
Code language: JavaScript (javascript)

Thứ ba, tạo một tệp

sudo npm install express
Code language: JavaScript (javascript)

4 với đoạn mã sau

npm install express
Code language: JavaScript (javascript)

1

Làm thế nào nó hoạt động

Đầu tiên, tải mô-đun Express

npm install express
Code language: JavaScript (javascript)

2

sudo npm install express
Code language: JavaScript (javascript)

5 là một hàm trả về một phiên bản của ứng dụng Express

Thứ hai, gọi hàm

sudo npm install express
Code language: JavaScript (javascript)

6 để lấy một phiên bản của ứng dụng

sudo npm install express
Code language: JavaScript (javascript)

7

npm install express
Code language: JavaScript (javascript)

6

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

npm install express
Code language: JavaScript (javascript)

9

npm install express
Code language: JavaScript (javascript)

8

Phương thức

sudo npm install express
Code language: JavaScript (javascript)

9 có hai tham số

• Tham số đầu tiên là tuyến đường. Trong trường hợp này, đó là gốc trang web

  npm install express
  Code language: JavaScript (javascript)

  9
• Tham số thứ hai là hàm gọi lại có hai tham số.

  mkdir express-server
  Code language: JavaScript (javascript)

  1 và

  mkdir express-server
  Code language: JavaScript (javascript)

  2

mkdir express-server
Code language: JavaScript (javascript)

1 đại diện cho yêu cầu HTTP và tham số

mkdir express-server
Code language: JavaScript (javascript)

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 HTTP

Trong ví dụ này, chúng tôi gọi phương thức

mkdir express-server
Code language: JavaScript (javascript)

5 của đối tượng phản hồi HTTP để gửi lại một văn bản đơn giản

Cuối cùng, hướng dẫn nút. js để nghe yêu cầu HTTP trên cổng 3000

sudo npm install express
Code language: JavaScript (javascript)

6

Để chạy ứng dụng, bạn có thể mở terminal và gõ lệnh sau

npm install express
Code language: JavaScript (javascript)

0

Nếu bạn thấy đầu ra sau, điều đó có nghĩa là ứng dụng chạy thành công

npm install express
Code language: JavaScript (javascript)

1

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

npm install express
Code language: JavaScript (javascript)

2

Và bạn sẽ thấy thông báo sau trên trình duyệt web

npm install express
Code language: JavaScript (javascript)

3

Để thêm một route khác, ví dụ

mkdir express-server
Code language: JavaScript (javascript)

6 bạn thêm một route handler mới vào file

sudo npm install express
Code language: JavaScript (javascript)

4 như thế này

npm install express
Code language: JavaScript (javascript)

4

Để 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

npm install express
Code language: JavaScript (javascript)

5

bạn sẽ thấy nội dung sau

npm install express
Code language: JavaScript (javascript)

6

Khi bạn xem nguồn của trang, bạn sẽ thấy HTML sau

npm install express
Code language: JavaScript (javascript)

7

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

npm install express
Code language: JavaScript (javascript)

8

Trong cú pháp này,

mkdir express-server
Code language: JavaScript (javascript)

8 là viết tắt của yêu cầu và

mkdir express-server
Code language: JavaScript (javascript)

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 theo

Làm cách nào để tạo một máy chủ nút js Express?

Làm cách nào để tạo máy chủ HTTP trong Express?

Máy chủ Express trong NodeJS là gì?

Máy chủ HTTP có phải là máy chủ HTTP không?