× Giới thiệu Lịch khai giảng Tin tức Sản phẩm học viên

Node.js Express Tutorial: Tạo hệ thống quản lý người dùng

27/06/2024 01:21

Hướng dẫn Node.js Express này nhằm giúp người dùng tạo máy chủ trên Node.js Express, cũng như xác định các lệnh gọi API có thể được kết nối với khung giao diện người dùng,

Hướng dẫn Node.js Express này nhằm giúp người dùng tạo máy chủ trên Node.js Express, cũng như xác định các lệnh gọi API có thể được kết nối với khung giao diện người dùng, chẳng hạn như React hoặc Angular.  Trước tiên, hãy tìm hiểu thêm về Express.js là gì, sau đó triển khai nó trong ứng dụng Node.js để tạo máy chủ.

Express.js là gì?

 

thể hiện
  • Express là một framework ứng dụng web Node.js linh hoạt, cung cấp nhiều tính năng để phát triển cả ứng dụng web và ứng dụng di động
expressjs

  • Express.js giúp việc xây dựng một máy chủ web trở nên dễ dàng và đơn giản hơn nhiều bằng cách sử dụng phần mềm trung gian, phần mềm này có thể xử lý các yêu cầu và phản hồi

Các tính năng của Express.js

Các tính năng chính của Express.js bao gồm:

/khả năng.
  • Khả năng thiết kế các ứng dụng web một trang, nhiều trang và kết hợp
http
  • Tùy chọn thiết lập phần mềm trung gian để đáp ứng các yêu cầu HTTP
định nghĩa.
  • Nó xác định bảng định tuyến được sử dụng để thực hiện các hành động khác nhau dựa trên phương thức HTTP và URL
html
  • Cho phép người dùng tự động hiển thị các trang HTML dựa trên việc truyền đối số cho mẫu

Một ví dụ cơ bản về “Hello World” trong Node.js Express 

Bây giờ chúng ta hãy xem một máy chủ web cơ bản in “Hello World” trên trình duyệt web.

expressjs-xin chào

Hình: Ví dụ Express.js Hello World

  • Đối tượng yêu cầu đại diện cho yêu cầu HTTP và chứa các thuộc tính cho chuỗi truy vấn yêu cầu, tham số, nội dung, tiêu đề HTTP, v.v.
  • Đối tượng phản hồi thể hiện phản hồi HTTP mà ứng dụng Express gửi khi nhận được yêu cầu HTTP

sản lượng thế giới.

Hình: Đầu ra Hello World của Express.js

Sau đây là các bước chúng tôi đã thực hiện trong mã này để tạo một máy chủ web Express cơ bản:

  • Nhập khung Express vào ứng dụng Node.js của chúng tôi
  • Triển khai chức năng gọi lại với tham số 'request' và 'response'
  • Ứng dụng sẽ lắng nghe trên cổng được xác định, trong trường hợp này là “8081” và các biến 'host' và 'port' sẽ chứa địa chỉ và cổng tương ứng
  • Cuối cùng, câu lệnh console.log hiển thị địa chỉ và cổng trong dấu nhắc lệnh hoặc thiết bị đầu cuối

Ứng dụng Node.js Express

Trong ứng dụng này, chúng tôi sẽ sử dụng Express.js để tạo máy chủ web và sau đó tạo lệnh gọi API. Các lệnh gọi API này sẽ xử lý các hoạt động CRUD . CRUD là viết tắt của tạo, đọc, cập nhật và xóa.

Điều kiện tiên quyết

Cài đặt Node.js

1. Tải xuống Node.js từ https://nodejs.org/en/download/ . Chọn trình cài đặt thích hợp cho yêu cầu hệ điều hành của bạn. 

tải xuống chính thức

Hình: Trang tải xuống chính thức của Node.js

2. Chạy trình cài đặt Node.js và chấp nhận thỏa thuận cấp phép. Bạn có thể để các cài đặt còn lại làm mặc định. Trình cài đặt sẽ cài đặt Node.js và nhắc bạn nhấp vào nút hoàn tất.

hộp thoại thiết lập

Hình: Hộp thoại Thiết lập Node.js

3. Để xác minh rằng Node.js đã được cài đặt đúng cách, hãy mở dấu nhắc lệnh và nhập lệnh này: node --version

dấu nhắc lệnh

Hình: Dấu nhắc lệnh để xác minh Node.js

4. Khi chúng ta cài đặt Node.js, NPM (Node Package Manager) cũng được cài đặt. NPM bao gồm một số thư viện được sử dụng trong các ứng dụng web, chẳng hạn như React. Kiểm tra xem nó đã được cài đặt hay chưa bằng lệnh sau trong CMD: npm --version

npm

Hình: Dấu nhắc lệnh để xác minh NPM

Trình soạn thảo văn bản

Cài đặt trình soạn thảo văn bản bạn chọn. Chúng tôi đang sử dụng Visual Studio Code trong hướng dẫn này, nhưng bạn cũng có thể sử dụng các trình soạn thảo khác, chẳng hạn như Atom và Sublime Text, nếu bạn thích những trình soạn thảo đó.

Visual Studio

Hình: Trang tải xuống chính thức của Visual Studio Code

Postman

Chúng tôi đang sử dụng ứng dụng Postman để xác minh đầu ra của ứng dụng. Chúng tôi sẽ gửi và nhận các lệnh gọi API và kiểm tra xem máy chủ web có hoạt động tốt không.

Để tải xuống ứng dụng, hãy truy cập trang web chính thức của nó .

Hình: Trang tải xuống chính thức của Postman

Thiết lập dự án

  1. Tạo một thư mục trống và đặt tên là node express.
  2. Mở thư mục mới tạo trong VS Code và bên trong terminal, gõ npm init để khởi tạo dự án. Nhấn phím “Enter” để giữ nguyên cài đặt mặc định.