Làm quen với Express Framework trong Node.js

Trong các bài viết trước, Bạn đọc đã cùng PCGuide.VN tìm hiểu kỹ hơn về REPL terminal trong Node.js, cũng như cách xây dựng ứng dụng trong Node.js. Trong bài viết tiếp theo, PCGuide.VN sẽ cùng PCGuide.VN tìm hiểu về Express Framework trong Node.js nhé.

Express Framework trong Node.js được xây dựng giống như nó hoạt động trong khung ứng dụng web Node.js. Nó cung cấp các chức năng mạnh mẽ để xây dựng các ứng dụng web một trang, nhiều trang cũng như các ứng dụng web. Hỗn hợp.

Tự làm quen với Express Framework trong Node.js

Đọc bài viết dưới đây của PCGuide.VN để hiểu thêm về Express Framework trong Node.js.

1. Express.js là gì?

Express.js là một khung máy chủ ứng dụng web Node.js được phát triển đặc biệt để xây dựng các ứng dụng web một mặt, nhiều mặt, cũng như các ứng dụng web kết hợp và đang trở thành khung tiêu chuẩn cho Node. js.

Express là phần cuối của ngăn kéo MEAN. MEAN là phần mềm JavaScript mã nguồn mở, miễn phí được sử dụng để tạo các trang web động và ứng dụng web chứa các thành phần sau:

1. MongoDB – cơ sở dữ liệu NoSQL chuẩn.
2. Express.js – khung ứng dụng web tiêu chuẩn.
3. Angular.js – JavaScript MVC framework được sử dụng trong các ứng dụng web.
4. Node.js – Framework được sử dụng trong các ứng dụng mạng và máy chủ có thể mở rộng.

Khuôn khổ Express.js giúp dễ dàng phát triển một ứng dụng có thể xử lý nhiều loại yêu cầu như GET, PUT và POST và DELETE.

2. Cài đặt và sử dụng Express

Express được cài đặt thông qua Trình quản lý gói Node. Mở công cụ dòng lệnh và nhập lệnh sau:

npm cài đặt nhanh

Lệnh trên sẽ yêu cầu Node Package Manager tải xuống và cài đặt các mô-đun Express.

Tiếp theo, sử dụng Framework Express đã cài đặt ở trên và tạo một ứng dụng Hello Word đơn giản:

Ứng dụng tạo một mô-đun máy chủ đơn giản lắng nghe trên cổng số 3000. Trong ví dụ này, ứng dụng máy chủ gửi phản hồi “xin chào” tới world khi một yêu cầu được thực hiện thông qua trình duyệt web trên cổng này tới máy khách.

Trong đoạn mã trên:

1. Dòng đầu tiên sử dụng hàm request để bao gồm mô-đun Express.
2. Trước khi sử dụng mô-đun Express, chúng tôi cần tạo một đối tượng của mô-đun Express.
3. Ở đây chúng tôi tạo một hàm gọi lại. Chức năng này được gọi mỗi khi người dùng điều hướng đến thư mục gốc của ứng dụng web đã tạo, đó là http: // localhost: 3000. . Hàm gọi lại được sử dụng để gửi chuỗi Hello World đến trang web.
4. Trong hàm gọi lại, chuỗi Hello World được gửi lại cho máy khách. Tham số “res” được sử dụng để gửi nội dung trở lại trang web.
5. Sử dụng phương pháp Nghe để yêu cầu ứng dụng máy chủ lắng nghe các yêu cầu của máy khách trên cổng số 3000. Bạn cũng có thể chỉ định bất kỳ số cổng có sẵn nào.

Nếu lệnh trên chạy thành công, đầu ra sẽ giống như thế này khi bạn chạy mã trong trình duyệt:

Từ ấn bản:

– Có thể nhìn thấy rõ ràng, nếu chúng ta điều hướng đến url của localhost trên cổng 3000, chuỗi Hello World sẽ xuất hiện trên trang.

Trong đoạn mã này, chúng tôi đang đề cập cụ thể đến máy chủ để lắng nghe số cổng 3000 để chúng tôi có thể thấy đầu ra khi chúng tôi điều hướng đến url đó.

3. Lộ trình là gì?

Lộ trình đề cập đến định nghĩa về cách một ứng dụng đáp ứng yêu cầu của khách hàng đến một điểm cuối cụ thể.

Ví dụ: khách hàng có thể thực hiện các yêu cầu http GET, POST, PUT hoặc DELETE cho các URL khác nhau, ví dụ: B. một trong các URL được hiển thị bên dưới:

http: // localhost: 3000 / sach

http: // localhost: 3000 / sinhvien

Trong ví dụ trên:

Khi yêu cầu GET được thực hiện cho URL đầu tiên, câu trả lời là danh sách các loại sách khác nhau.

– Nếu yêu cầu GET được thực hiện cho URL thứ 2, câu trả lời là danh sách sinh viên.

Dựa trên URL đang được truy cập, một chức năng khác được gọi trên máy chủ web và phản hồi được gửi đến máy khách. Và đó được gọi là khái niệm tuyến đường.

Mỗi tuyến đường có thể có một hoặc nhiều hàm xử lý được thực thi khi tuyến đường khớp.

Đây là cú pháp chung cho một tuyến đường:

App.METHOD (PATH, HANDLER)

Trong vòng:

– Ứng dụng là một biến thể của mô-đun Express.

– METHOD là một phương thức yêu cầu HTTP (GET, POST, PUT hoặc DELETE).

– PATH là đường dẫn trên máy chủ.

HANDLE là chức năng chạy khi tuyến đường phù hợp.

Hãy tham khảo ví dụ sau để hiểu rõ hơn về tuyến đường. Trong ví dụ này, chúng tôi đang tạo 3 tuyến đường:

1. Route A / Node hiển thị chuỗi “Direction Node” khi tuyến đường được truy cập.

2. Route A / Angular hiển thị chuỗi “huong dan Angular” khi route này được truy cập.

3. Trên lộ trình chuẩn sẽ hiển thị chuỗi “Chào mừng bạn đến với PCGuide.VN”.

Về cơ bản, đoạn mã mà PCGuide.VN sử dụng tương ứng với đoạn mã trong các ví dụ trước. Đoạn mã sau là một tiện ích bổ sung cho biết cách triển khai tuyến đường:

var express = demand (‘express’);

var app = express ();

app.route (‘/ Node’, get (Hàm (req, res)

{

res.send (“huong dan Node”);

});

post (function (req, res)

{

res.send (“huong dan Angular”);

});

put (function (req, res)

{

res.send (‘Chào mừng bạn đến với PCGuide.VN’);

}));

Trong đoạn mã trên:

1. Ở đây chúng tôi xác định một tuyến đường if Url http: // localhost: 3000 / Node đã chọn trong trình duyệt. Đối với bộ định tuyến, chúng tôi thêm một hàm gọi lại được gọi khi chúng tôi điều hướng đến url của nút.

Hàm này có 2 tham số:

– Tham số chính mà chúng ta sẽ sử dụng là tham số “res”, được sử dụng để gửi thông tin đến máy khách.

Tham số “req” chứa thông tin về các yêu cầu. Đôi khi các tham số bổ sung có thể được gửi như một phần của yêu cầu được thực hiện, do đó, tham số “req” có thể được sử dụng để tìm các tham số bổ sung cần gửi.

2. Sử dụng phương thức gửi để gửi chuỗi “nút huong dan” trở lại máy khách khi tuyến nút được chọn.

3. Ở đây chúng tôi xác định một tuyến đường if URL http: // localhost: 3000 / Angular đã chọn trong trình duyệt. Với tuyến đường, chúng tôi đang thêm một hàm gọi lại được gọi khi duyệt URL Angular.

4. Sử dụng phương thức Gửi để gửi chuỗi “huong dan Angular” trở lại máy khách khi một tuyến Angular được chọn.

5. Đây là tuyến mặc định được chọn khi người dùng điều hướng đến tuyến của ứng dụng – http: // localhost: 3000 . Khi đường đi mặc định được chọn, một thông báo “Chào mừng bạn đến với PCGuide.VN” sẽ được gửi đến máy khách.

Đầu ra sẽ như thế này:

Từ ấn bản:

– Nếu bạn điều hướng đến url của localhost trên cổng 3000, chuỗi sẽ báo “Chào mừng bạn đến với PCGuide.VN”

– Trong đoạn mã trên, chúng tôi đề cập đến url mặc định được hiển thị trong thông báo này.

– Nếu URL thay đổi thành / Node, tuyến nút thích hợp được chọn và chuỗi “Direction Node” được hiển thị.

– Nếu URL được thay đổi thành / Angular, tuyến nút thích hợp sẽ được chọn và chuỗi “huong dan Angular” sẽ được hiển thị.

4. Tạo mẫu máy chủ web với Express.js

Từ ví dụ trên, bạn có thể thấy cách chúng tôi sử dụng tuyến đường để quyết định đầu ra nào sẽ hiển thị. Loại tuyến này được sử dụng trong hầu hết các ứng dụng web hiện đại. Một phần khác của máy chủ web sử dụng các mẫu trong Node js.

Cách đơn giản và dễ dàng nhất để xây dựng nhanh các ứng dụng nút là sử dụng các mẫu ứng dụng. Ở ví dụ sau, PCGuide.VN lấy ví dụ về Jade framework cho mẫu.

Cài đặt Jade bằng Trình quản lý gói Node. Để thực hiện việc này, hãy nhập lệnh sau tại dấu nhắc lệnh:

Cài đặt npm Jade

Lệnh trên sẽ yêu cầu trình quản lý gói Node tải xuống và cài đặt mô-đun Jade.

Ghi chú: Phiên bản mới nhất của Node Jade đã lỗi thời, chúng tôi đang sử dụng Pug để thay thế.

Sử dụng khung Jade mới được cài đặt và tạo một số mẫu cơ bản:

Đầu tiên, tạo một mẫu JAD. Tạo một tệp có tên là index.jade và dán vào mã sau:

Trong đoạn mã trên:

1. Ở đây chúng tôi xác định tiêu đề của trang sẽ được thay đổi thành giá trị mà mẫu này được gọi.

2. Văn bản trong thẻ tiêu đề được thay thế bằng bất kỳ giá trị nào bằng cách sử dụng mẫu Ngọc.

var express = demand (‘express’);

var app = express ();

app.set (‘view engine’, ‘jade’);

app.get (‘/’, function (req, res)

{

res.render (‘chỉ mục’,

{Title: ‘Guru99’, Tin nhắn: ‘Chào mừng’})

});

var server = app.listen (3000, function () {});

Giải thích đoạn mã trên:

1. Đầu tiên mà ứng dụng chỉ định là “công cụ xem” được sử dụng để hiển thị các mẫu. Vì vậy, chúng tôi sẽ sử dụng ngọc bích để hiển thị các mẫu.

2. Một trang web được hiển thị với chức năng kết xuất. Ví dụ này cho thấy mẫu (index.jade) đã được tạo trước đó.

3. Chuyển đổi các giá trị Guru99 và Welcome thành các tham số tiêu đề và thông điệp thích hợp. Chúng được thay thế bằng các giá trị tham số “header” và “message” được khai báo trong mẫu index.jade.

Nếu lệnh trên chạy thành công, bạn sẽ thấy đầu ra khi chạy mã trong trình duyệt web của mình.

Từ ấn bản:

Chúng ta có thể thấy rằng tiêu đề trang được đặt thành Guru99 và tiêu đề được đặt thành Chào mừng.

Điều này là do mẫu ngọc bích được gọi trong một ứng dụng nút js.

Trên đây hãy cùng PCGuide.VN tìm hiểu và tìm hiểu về Express Framework trong Node.js. Về cơ bản, Express Framework là khung phổ biến nhất được sử dụng để phát triển các ứng dụng Node.js. Nó được tích hợp thông qua khuôn khổ Top-Node.js và hỗ trợ giám sát các ứng dụng dựa trên máy chủ.

https://thuthuat.taimienphi.vn/lam-quen-voi-express-framework-trong-node-js-43610n.aspx
Tuyến đường được sử dụng để chuyển hướng người dùng đến các phần khác của ứng dụng web dựa trên yêu cầu được đưa ra. Câu trả lời cho mỗi tuyến đường có thể thay đổi tùy thuộc vào những gì được trình bày cho người dùng. Các mẫu được sử dụng để chèn nội dung một cách hiệu quả. Jade là một trong những công cụ mẫu phổ biến nhất được sử dụng trong các ứng dụng Node.js.