Làm cách nào để sử dụng Middleware phân tích cú pháp nội dung trong Node.js?

Lam Cach Nao De Su Dung Middleware Phan Tich Cu Phap Noi Dung Trong Node Js



Trong khi xử lý các yêu cầu HTTP POST, kỹ thuật “phân tích nội dung” đóng một vai trò quan trọng trong việc xử lý nội dung của chúng. Nó cho phép người dùng phân tích các nội dung yêu cầu đến để sửa đổi chúng theo yêu cầu. Kỹ thuật này phân tích nội dung yêu cầu chuỗi thành một đối tượng JSON JavaScript có thể được sử dụng trong ứng dụng Node.js.

Phác thảo nhanh

Hãy bắt đầu với những điều cơ bản về phần mềm trung gian trong Node.js.







Phần mềm trung gian trong Node.js là gì?

Phần mềm trung gian là một hàm cung cấp quyền truy cập để yêu cầu một đối tượng, phản hồi một đối tượng và thực thi hàm theo cách tuần tự bằng cách chuyển sang chức năng phần mềm trung gian tiếp theo trong chu trình phản hồi yêu cầu của ứng dụng. Nó cũng cung cấp quyền truy cập để sửa đổi các đối tượng yêu cầu và phản hồi nhằm thực hiện các hoạt động như xác minh, phân tích cú pháp các nội dung yêu cầu, v.v.



Phần mềm trung gian Body-Parser trong Node.js là gì?

Các ' trình phân tích cú pháp nội dung ” là phần mềm trung gian phân tích cú pháp nội dung để quản lý các yêu cầu HTTP POST. Yêu cầu “POST” gửi dữ liệu đến máy chủ để tạo hoặc sửa đổi tài nguyên. Phần mềm trung gian “bode-parser” phân tích nội dung yêu cầu đến dưới dạng đối tượng JavaScript (nếu loại nội dung ứng dụng là JSON) và Biểu mẫu HTML (nếu loại MIME là application/x-www-form-urlencoded ). Sau khi hoàn thành, nó có thể được sử dụng trong một ứng dụng.



Sau khi nắm được kiến ​​thức cơ bản về phần mềm trung gian của trình phân tích cú pháp nội dung, hãy chuyển sang cách sử dụng nó.





Làm cách nào để sử dụng Middleware phân tích cú pháp nội dung trong Node.js?

Để sử dụng phần mềm trung gian phân tích cú pháp nội dung trong Node.js, hãy làm theo các bước hướng dẫn dưới đây:

Hãy bắt đầu với việc khởi tạo dự án Node.js.



Bước 1: Khởi tạo dự án Node.js

Đầu tiên, Khởi tạo dự án Node.js bằng cách thực hiện lệnh “ npm (trình quản lý gói nút)” lệnh khởi tạo:

npm init -

Trong lệnh trên, “ -Và' cờ được sử dụng để trả lời tất cả các truy vấn “có”.

Kết quả đầu ra cho thấy rằng “ gói.json ” được tạo thành công chứa tập hợp thuộc tính sau:

Bước 2: Cài đặt Trình phân tích nội dung

Tiếp theo, cài đặt gói body-parser vào ứng dụng Node.js hiện tại bằng cách thực thi lệnh “ npm ” lệnh cài đặt:

cơ thể cài đặt npm - người phân tích cú pháp

Đầu ra bên dưới cho thấy gói body-parser đã được cài đặt thành công trong ứng dụng Node.js đã cho:

Bước 3: Cài đặt Express và EJS

Bây giờ, hãy cài đặt “ không (Embedded JavaScript Templating)” trong ứng dụng Node.js. “ejs” là công cụ JavaScript nổi tiếng được Node.js sử dụng để lấy dữ liệu HTML dưới dạng Javascript đơn giản:

npm cài đặt ejs

Có thể thấy thư viện “ejs” đã được thêm vào ứng dụng Node.js hiện tại:

Ngoài ra, hãy cài đặt “ thể hiện ” web framework để xây dựng ứng dụng Node.js một cách nhanh chóng và dễ dàng:

npm cài đặt nhanh

“Express” cũng đã được thêm vào ứng dụng Node.js:

Bước 4: Tạo mẫu EJS

Khi tất cả các gói cần thiết đã được cài đặt, hãy tạo một mẫu “ejs” có các dòng mã sau và lưu nó dưới dạng “ SampleForm.ejs ' tài liệu:

DOCTYPE html >
< html >
< cái đầu >
< tiêu đề > Thân hình - Trình phân tích cú pháp Phần mềm trung gian tiêu đề >
cái đầu >

< thân hình >
< trung tâm >
< h1 > Nhật ký mẫu h1 >
< hình thức hành động = 'lưu dữ liệu' phương pháp = 'BƯU KIỆN' >
< trước >
< nhãn > Tiêu đề : nhãn >< kiểu đầu vào = 'chữ' tên = 'tiêu đề' > < anh >
< nhãn > Ngày nhãn >< kiểu đầu vào = 'ngày' tên = 'ngày' >< anh >
< nhãn > Ngày nhãn >< kiểu đầu vào = 'ngày' tên = 'ngày' >< anh >
< kiểu đầu vào = 'nộp' giá trị = 'Gửi nhật ký' >< anh >
trước >

hình thức >
trung tâm >
thân hình >
html >

Giải thích đoạn code trên như sau:

  • Các ' Thẻ ” chỉ định tiêu đề của tài liệu HTMl.
  • Các ' Thẻ ” căn chỉnh nội dung ở giữa trang web.
  • Các '

    Thẻ ” chèn phần tử tiêu đề cấp đầu tiên.

  • Các ' Thẻ ” tạo ra một phần tử biểu mẫu thu thập thông tin từ người dùng. Bên trong phần tử “biểu mẫu”, “ hoạt động Thuộc tính ” chỉ định hành động được thực hiện khi gửi biểu mẫu và thuộc tính “ phương pháp Thuộc tính ” có giá trị “đăng” sẽ gửi dữ liệu đến máy chủ.
  • Các ' Thẻ ” hiển thị các thành phần được chỉ định trên trang có chiều rộng phông chữ cố định giống như trong mã nguồn.
  • Các ' Thẻ ” chỉ định nhãn của trường đầu vào.
  • Các ' <đầu vào> ” type thêm trường đầu vào của loại “ chữ ” và cái tên “ tiêu đề ”.
  • Hai thẻ “ ” tiếp theo thêm các trường đầu vào của các loại và tên được chỉ định.

Bước 5: Sử dụng Middleware Body Parser

Bây giờ hãy tạo một tệp “.js” có tên “ chỉ mục.js ” và sử dụng phần mềm trung gian phân tích cú pháp nội dung trong đó để phân tích nội dung của tất cả các yêu cầu gửi đến. Khi tệp “.js” được tạo, hãy sao chép các dòng mã sau trong đó:

hằng số trình phân tích cú pháp cơ thể = yêu cầu ( 'trình phân tích cú pháp nội dung' )
hằng số thể hiện = yêu cầu ( 'thể hiện' )
hằng số con đường = yêu cầu ( 'con đường' )
hằng số ứng dụng = thể hiện ( )
hãy để PORT = quá trình. env . Hải cảng || 8080
ứng dụng. bộ ( 'lượt xem' , con đường. tham gia ( __tên dir ) )
ứng dụng. bộ ( 'xem động cơ' , 'KHÔNG' )
ứng dụng. sử dụng ( bodyparser. được mã hóa url ( { mở rộng : ĐÚNG VẬY } ) )
ứng dụng. sử dụng ( bodyparser. json ( ) )
ứng dụng. lấy ( '/' , chức năng ( yêu cầu, độ phân giải ) {
res. kết xuất ( 'Mẫu Mẫu' )
} ) ;
ứng dụng. bưu kiện ( '/lưu dữ liệu' , ( yêu cầu, độ phân giải ) => {
bảng điều khiển. nhật ký ( 'Sử dụng trình phân tích cú pháp nội dung:' , yêu cầu thân hình )
} )
ứng dụng. Nghe ( CẢNG, chức năng ( lỗi ) {
nếu như ( lỗi ) ném lỗi
bảng điều khiển. nhật ký ( 'Máy chủ được tạo trên PORT' , HẢI CẢNG )
} )

Giải thích về các dòng mã nêu trên được viết dưới đây:

  • Thứ nhất, “ yêu cầu() ” nhập các mô-đun “body-parser”, “express” và “path” trong ứng dụng Node.js hiện tại.
  • Tiếp theo, tạo một phiên bản của ứng dụng express với sự trợ giúp của nút “ thể hiện() ' người xây dựng.
  • Sau đó, “ quá trình.env ” thuộc tính thực thi máy chủ cục bộ theo mặc định “ HẢI CẢNG ”. Nếu cổng mặc định bận thì máy chủ sẽ thực thi trên cổng được chỉ định là “ 8080 ”.
  • Bây giờ, hãy thiết lập công cụ xem với sự trợ giúp của phần mềm trung gian được chỉ định trong đó “lượt xem” biểu thị thư mục lưu tất cả các trang web và “ đường dẫn.join() Phương thức ” nối các đoạn đường dẫn của thư mục hiện tại và tạo một đường dẫn duy nhất.
  • Khi tất cả đã hoàn tất, “ ứng dụng.use() ” phương thức đặt quy định “ trình phân tích nội dung ” phần mềm trung gian tại đường dẫn nhất định. Phần mềm trung gian phân tích cú pháp cơ thể này sử dụng “ được mã hóa url ” chỉ phân tích nội dung “urlencoded” có tiêu đề “content-type” khớp với tùy chọn “type”.
  • “Trình phân tích nội dung” thứ hai sử dụng “ JSON ” để phân tích nội dung của các yêu cầu gửi đến dưới dạng đối tượng JSON ở định dạng khóa-giá trị.
  • Các ' ứng dụng.get() Phương thức ” gửi yêu cầu HTTP “GET” tại đường dẫn đã chỉ định và thực thi hàm gọi lại có “ yêu cầu (yêu cầu)”, và “ độ phân giải (trả lời)” tham số.
  • Bên trong hàm gọi lại, “ res.render() ” Phương thức này hiển thị phản hồi khi hàm gọi lại được chỉ định thực thi.
  • Phương thức “app.post()” gửi yêu cầu HTTP “POST” an toàn hơn vì nó không hiển thị dữ liệu trong URL. Nó cũng định nghĩa một hàm gọi lại sử dụng “ req.body ” để lấy dữ liệu từ các trường đầu vào.
  • Cuối cùng, “ ứng dụng.listen() ” Phương thức này xây dựng kết nối trên cổng được chỉ định và xác định chức năng gọi lại. Trong chức năng này, “ nếu như Câu lệnh ” sẽ báo lỗi nếu nó xảy ra trong quá trình thực thi chương trình và câu lệnh “ console.log() ” hiển thị câu lệnh xác nhận trên bảng điều khiển.

Bước 6: Triển khai ứng dụng Node.js

Cuối cùng, triển khai ứng dụng Node.js với sự trợ giúp của “ nút ” từ khóa theo cách này:



chỉ số nút. js

Việc thực thi lệnh trên hiển thị thông báo xác nhận rằng máy chủ được tạo thành công trên cổng được chỉ định:

Bây giờ hãy truy cập URL sau http://localhost:8080 để xem Nhật ký mẫu. Trên trang web “Nhật ký mẫu”, điền vào tất cả các trường đầu vào và nhấp vào “ Gửi nhật ký Nút ” để lưu nội dung:

Có thể thấy rằng sau khi gửi thông tin, thiết bị đầu cuối sẽ tự động hiển thị tất cả nội dung của các phần tử HTML được sử dụng trong “Nhật ký mẫu” dưới dạng đối tượng JSON:

Đó là tất cả về việc sử dụng phần mềm trung gian phân tích cú pháp nội dung trong Node.js.

Phần kết luận

Để sử dụng “ trình phân tích nội dung ” trong Node.js hãy sử dụng “ được mã hóa url ' và ' JSON ” các trình phân tích cú pháp phân tích nội dung của tất cả các yêu cầu gửi đến và hiển thị chúng dưới dạng đối tượng JSON. Nó xử lý các nội dung yêu cầu “POST” và phân tích chúng để truy xuất nội dung của tất cả các thành phần được sử dụng trong tài liệu HTML. Nó cung cấp một cách đơn giản và dễ dàng nhất để xử lý ngày được gửi bởi phần thân yêu cầu HTTP đến. Bài đăng này đã chứng minh một cách thực tế việc sử dụng phần mềm trung gian phân tích cú pháp nội dung trong Node.js.