Thủ thuật

Bắt đầu với Express Framework trong Node.js

Trong một bài viết trước, bạn đọc đã cùng Blog Tiền Điện Tử tìm hiểu về thiết bị đầu cuối REPL trong Node.js và cách tạo ứng dụng trong Node.js. Trong bài tiếp theo dưới đây, chúng ta cùng tìm hiểu và làm quen với Express Framework của Node.js với Blog Tiền Điện Tử.

Express Framework trong Node.js được xây dựng theo cách hoạt động trong khuôn khổ ứng dụng web Node.js, cung cấp một bộ tính năng mạnh mẽ để xây dựng các ứng dụng web một trang, nhiều trang và các ứng dụng web.

Bắt đầu với Express Framework trong Node.js

Để tìm hiểu và làm quen với Express Framework trong Node.js, hãy xem bài viết về Dữ liệu lớn sau:

Nội dung bài viết:
1. Express là gì?
2. Cài đặt và sử dụng Express
3. Lộ trình là gì?
4. Tạo mẫu máy chủ web với Express.js

1. Express.js là gì?

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

Express là phần phụ trợ của ngăn xếp MEAN. MEAN là phần mềm JavaScript mã nguồn mở và miễn phí được sử dụng để xây dựng các trang web động và ứng dụng web bao gồm các thành phần sau:

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

Khung Express.js giúp phát triển các ứng dụng sử dụng nó để xử lý các loại yêu cầu khác nhau, chẳng hạn như yêu cầu GET, PUT, POST và DELETE dễ dàng hơn.

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

Express được cài đặt thông qua trình quản lý gói nút. Mở tiện ích dòng lệnh và nhập lệnh bên dưới.

npm cài đặt nhanh

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

Tiếp theo, chúng ta sẽ sử dụng Express Framework mà chúng ta vừa 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, 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, ứng dụng máy chủ sẽ gửi phản hồi ‘Hello’ World đến hệ thống server.client.

Quen thuộc với khung thể hiện trong nút js 2

Quen thuộc với khung thể hiện trong nút js 3

Trong đoạn mã trên:

1. Dòng đầu tiên bao gồm mô-đun express sử dụng hàm request.
2. Trước khi sử dụng mô-đun express, bạn cần tạo một đối tượng của mô-đun express.
3. Tạo chức năng gọi lại tại đây. Chức năng này được gọi bất cứ khi nào người dùng điều hướng đến thư mục gốc của ứng dụng web đã tạo (http: // localhost: 3000). . Hàm Callback đượ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. Kích hoạt chức năng lắng nghe để ứ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. Ngoài ra, bạn có thể chỉ định một số cổng có sẵn.

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

Quen thuộc với khung thể hiện trong nút js 4

Trong đầu ra:

– Nếu bạn tìm kiếm URL của localhost trên cổng 3000, bạn có thể thấy rõ rằng chuỗi Hello World được hiển thị trên trang.

– Đoạn mã này đặc biệt đề cập đến máy chủ để lắng nghe trên cổng số 3000, vì vậy bạn có thể thấy kết quả đầu ra khi điều hướng đến URL này.

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

Các tuyến cho biết cách ứng dụng xác định cách đáp ứng các yêu cầu của khách hàng cho các điểm cuối cụ thể.

Ví dụ: khách hàng có thể thực hiện yêu cầu http GET, POST, PUT hoặc DELETE tới một URL khác, chẳng hạn như 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:

– Nếu yêu cầu GET được thực hiện cho URL đầu tiên, phản hồi là một danh sách các loại sách khác nhau.

– Nếu có một yêu cầu GET cho URL thứ hai, phản hồi là một danh sách học sinh.

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

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

Đây là cú pháp chung cho các đường dẫn:

app.METHOD (đường dẫn, trình xử lý)

Bên trong:

– Ứ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à một hàm được thực thi khi các đường dẫn khớp nhau.

Xem ví dụ dưới đây để hiểu rõ hơn về đường dẫn. Trong ví dụ này, chúng tôi sẽ tạo 3 tuyến đường.

1. Đường dẫn A / Node hiển thị chuỗi “Hướng nút” khi truy cập đường dẫn.

2. Đường dẫn A / Angular hiển thị chuỗi “Angular Direction” khi truy cập đường dẫn này.

3. Đường dẫn mặc định hiển thị chuỗi “chao mung den voi Blog Tiền Điện Tử“.

Về cơ bản, mã mà Blog Tiền Điện Tử sử dụng vẫn giống như mã trong ví dụ trước. Đoạn mã sau là một tiện ích bổ sung cho biết cách triển khai các đường dẫn.

var biểu thức = request (‘biểu thức’);

var app = express ();

app.route (‘/ node’, get (function (request, Resolution)

{

res.send (“Huong Dan Node”);

});

post (function (req, res)

{

res.send (“Góc nghiêng”);

});

put (chức năng (yêu cầu, giải quyết)

{

res.send (‘Xin chào Dữ liệu lớn’);

}));

Trong đoạn mã trên:

1. Ở đây bạn xác định đường dẫn nếu: URL http: // localhost: 3000 / nút Do trình duyệt của bạn chọn. Đối với bộ định tuyến, kết nối một hàm gọi lại được gọi khi truy cập Node.js.

Hàm này có hai tham số.

– Tham số chính mà chúng tôi 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ề 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, do đó, tham số “req” có thể được sử dụng để tìm các tham số bổ sung cần gửi.

2. Nếu đường dẫn nút được chọn, hãy sử dụng hàm gửi để gửi chuỗi “nút huong dan” trở lại máy khách.

3. Tại đây bạn xác định đường dẫn nếu: URL http: // localhost: 3000 / Angular Do trình duyệt của bạn chọn. Đính kèm một hàm gọi lại sẽ được gọi khi điều hướng đến một URL Angular bằng đường dẫn.

4. Nếu một tuyến Angular được chọn, hãy sử dụng chức năng gửi để gửi chuỗi “Hướng góc” trở lại máy khách.

5. Đây là đường dẫn mặc định do người dùng chọn khi điều hướng đến đường dẫn ứng dụng – http: // localhost: 3000 . Khi đường dẫn mặc định được chọn, một thông báo được gửi đến máy khách có nội dung “chao mung den Blog Tiền Điện Tử“.

Định dạng của đầu ra là:

Quen thuộc với khung nhanh trong nút js 5

Trong đầu ra:

– Nếu bạn tìm kiếm URL của localhost trên cổng 3000, bạn sẽ thấy chuỗi “chao mung den Blog Tiền Điện Tử” trên trang.

– Trong đoạn mã trên, tôi đã đề cập đến URL cơ sở để hiển thị trong thông báo này.

– Nếu URL được thay đổi thành / Node, đường dẫn Node tương ứng được chọn và chuỗi “huong dan Node” được hiển thị.

– Khi URL được thay đổi thành / Angular, đường dẫn nút tương ứng được chọn và chuỗi “Huong dan Angular” được hiển thị.

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

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

Nếu bạn muốn xây dựng các ứng dụng Node một cách nhanh chóng, cách đơn giản và dễ dàng nhất là sử dụng mẫu ứng dụng. Trong ví dụ dưới đây, Dữ liệu lớn sử dụng một ví dụ từ khung ngọc bích cho các mẫu của nó.

Cài đặt Jade thông qua trình quản lý gói nút. Để thực hiện việc này, hãy nhập lệnh bên dưới vào dòng lệnh.

npm cài đặt ngọc

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

bản ghi nhớ: Phiên bản Node jade mới nhất không được dùng nữa và thay vào đó sử dụng pug.

Nó sử dụng khung ngọc bích mới được cài đặt và tạo ra một số mẫu cơ bản.

Đầu tiên hãy tạo một mẫu jad. Tạo một tệp có tên là index.jade và chèn đoạn mã sau vào đó.

Quen thuộc với khung thể hiện trong nút js 6

Trong đoạn mã trên:

1. Ở đây chúng tôi xác định tiêu đề trang để thay đổi khi mẫu này được gọi.

2. Văn bản trong thẻ tiêu đề được thay thế bằng giá trị ngẫu nhiên thông qua mẫu ngọc bích.

Quen thuộc với khung express trong nút js 7

var express = request (‘express’);

var app = express ();

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

app.get (‘/’, function (yêu cầu, giải quyết)

{

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

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

});

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

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

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

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

3. Chuyển đổi các giá trị Guru99 và Chào mừng tương ứng thành các tham số Chủ đề và Thông điệp. Các giá trị này được thay thế bằng các giá trị tham số “title” 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.

Quen thuộc với khung express trong nút js 8

Trong đầu ra:

– Bạn 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 ứng dụng Node js gọi khuôn mẫu ngọc bích.

Như vậy là bạn đọc ở trên vừa được học về Dữ liệu lớn, vừa được làm quen với Express Framework trong Node.js. Về cơ bản, Express Framework là khung được sử dụng nhiều nhất để phát triển các ứng dụng Node.js và nó tích hợp trên các khung node.js chính để hỗ trợ theo dõi các ứng dụng dựa trên máy chủ.


Các tuyến được sử dụng để chuyển hướng người dùng đến các phần khác nhau của ứng dụng web theo yêu cầu. Phản hồi cho mỗi đường dẫn có thể khác nhau tùy thuộc vào những gì người dùng nhìn thấy. Các mẫu được sử dụng để nhúng nội dung một cách hiệu quả. Jade là một trong những công cụ mẫu được sử dụng nhiều nhất cho các ứng dụng Node.js.

.

Back to top button