Hướng dẫn cho người mới bắt đầu với Node.js

Huong Dan Cho Nguoi Moi Bat Dau Voi Node Js



Node.js đã chứng tỏ mình là một công cụ mạnh mẽ trong phát triển web, được các nhà phát triển ưa chuộng nhờ tính hiệu quả, độ tin cậy và khả năng mở rộng của nó. Có được sự hiểu biết cơ bản trước khi đi sâu vào bất cứ điều gì và biết mọi thứ ở một điểm duy nhất là một cảm giác khá thú vị. Bạn phải đến đúng nơi nếu muốn phát triển sự hiểu biết sâu sắc về Node.js. Sau khi đọc bài viết này, người dùng có thể bắt đầu hành trình viết tập lệnh trong Node.js.

Bài đăng này sẽ bao gồm:

Node.js là gì?

Truy vấn được tìm kiếm thường xuyên nhất trên công cụ tìm kiếm của Google là Node.js là gì? Các câu hỏi phổ biến nhất là Node.js có phải là ngôn ngữ lập trình không? Nó có phải là một khuôn khổ? Đây có phải là thư viện không? Để đơn giản hóa, Node.js có thể được định nghĩa là môi trường thời gian chạy được thư viện JS hỗ trợ.







Một môi trường thời gian chạy Javascript đa nền tảng, mã nguồn mở, nổi tiếng là Node.js. Vì khả năng thích ứng của nó, nó có thể được sử dụng trong bất kỳ dự án hoặc ứng dụng nào. Điều làm nên sự khác biệt của nó là việc sử dụng động cơ V8, cùng loại động cơ cung cấp năng lượng cho Google Chrome. Điều này làm cho Node.js trở thành lựa chọn tối ưu để viết kịch bản ở phía máy chủ và thực thi các tập lệnh mã bên ngoài môi trường phát triển.



Node.js khá khác biệt so với các ngôn ngữ lập trình phía máy chủ khác. Cần lưu ý rằng nó không phải là máy chủ phụ trợ hay máy chủ web. Một mình nó không thể làm bất cứ điều gì ngoại trừ một bộ sưu tập các mô-đun giúp thực hiện một dự án có thể mở rộng. Nó chạy trên một máy chủ và không tạo thêm luồng cho mỗi yêu cầu. Hơn nữa, các mô hình không chặn được sử dụng để viết phần lớn các thư viện NodeJS, vì vậy hành vi chặn là ngoại lệ thay vì quy tắc. Nguyên hàm I/O không đồng bộ là một tính năng của thư viện chuẩn của Node.js giúp giữ cho mã JavaScript không bị chặn.



Khi Node.js thực hiện một thao tác I/O, chẳng hạn như thực hiện các thao tác thô sơ qua mạng, nó sẽ không chặn luồng và lãng phí các chu kỳ CPU chờ phản hồi; thay vào đó, nó sẽ tiếp tục các hoạt động sau khi nhận được phản hồi.





Ví dụ đơn giản về Node.js

Một ví dụ đơn giản để hiểu khái niệm Node.js là tạo một máy chủ web và viết một số văn bản. Vì đây là phần giới thiệu về Node.js nên hãy thêm dòng giới thiệu vào một cổng web:

hằng số http = yêu cầu ( 'http' ) ;

hằng số cổng máy chủ = 3000 ;

hằng số máy chủ = http. máy chủ tạo ( ( yêu cầu, độ phân giải ) => {

res. mã trạng thái = 200 ;

res. setHeader ( 'Loại nội dung' , 'văn bản/thuần túy' ) ;

res. kết thúc ( 'Hướng dẫn cho người mới bắt đầu với Node.js! \N ' ) ;

} ) ;

máy chủ. Nghe ( cổng máy chủ, ( ) => {

bảng điều khiển. nhật ký ( `Máy chủ đang chạy ở http : //localhost:${serverPort}/`);

} ) ;

Trong mã này:



  • “const http = require('http')” nhập mô-đun http giúp tạo máy chủ HTTP và xử lý các chức năng liên quan đến nó.
  • “const serverPort = 3000” xác định cổng mà máy chủ sẽ hoạt động.
  • “const server = http.createServer((req, res) => {})“ sử dụng phương thức create server của mô-đun http để tạo một máy chủ có chức năng gọi lại lấy hai đối số, một là yêu cầu và một là phản hồi sẽ được tạo ra cho yêu cầu.
  • Bên trong hàm gọi lại, mã trạng thái HTTPS được đặt thành 200 và loại nội dung phản hồi được đặt thành văn bản thuần túy. Ngoài ra, máy chủ web còn hiển thị thông báo có tiêu đề “Hướng dẫn bắt đầu với Node.js cho người mới bắt đầu”.
  • “server.listen(serverPort, () =>{})” được gọi để khởi động máy chủ và lắng nghe tất cả các yêu cầu đến trên máy chủ. Chức năng gọi lại được gọi sau khi máy chủ khởi động và hiển thị thông báo trong thiết bị đầu cuối để hiển thị cổng mà máy chủ được khởi động.

đầu ra

Sử dụng dòng dưới đây để thực hiện:

ứng dụng nút js

Ở đâu Ứng dụng.js là tên ứng dụng.

Đầu ra trong thiết bị đầu cuối là:

Điều này cho biết rằng máy chủ đã khởi động và đang lắng nghe các yêu cầu đến. Để kiểm tra phản hồi trên máy chủ, hãy sử dụng liên kết sau “ http://localhost:3000/ ”.

Đầu ra ở phía máy chủ sẽ hiển thị dưới dạng:

Node.js hoạt động như thế nào?

Node.js là một nền tảng giúp máy chủ xử lý nhiều yêu cầu cùng một lúc. Mặc dù nó chỉ sử dụng một luồng để xử lý các yêu cầu nhưng nó quản lý hiệu quả các hoạt động đầu vào và đầu ra thông qua việc sử dụng các luồng. Thread là một nhóm các lệnh thực hiện các nhiệm vụ cùng một lúc. Node.js hoạt động với một vòng lặp sự kiện kiểm soát các tác vụ mà không dừng lại cho đến khi hoàn thành một tác vụ trước khi bắt đầu tác vụ tiếp theo.

Vòng lặp sự kiện Node.js là vòng lặp liên tục và bán vô hạn. Vòng lặp này quản lý các sự kiện đồng bộ và không đồng bộ trong Node.js. Ngay sau khi dự án Node.js được khởi chạy, quá trình thực thi sẽ được kích hoạt, giúp chuyển các tác vụ khó sang hệ thống một cách liền mạch. Điều này cho phép các tác vụ khác trên luồng chính chạy trơn tru.

Để hiểu và nắm bắt khái niệm chi tiết về Vòng lặp sự kiện trong Node.js, chúng tôi đã viết một bài viết chuyên dụng về chủ đề này

Ưu điểm của Node.js

Một số ưu điểm chính của Node.js là:

  • Khả năng mở rộng : Đơn giản hóa việc phát triển ứng dụng theo hai chiều: theo chiều ngang và chiều dọc.
  • Ứng dụng web thời gian thực : tốt nhất cho các tác vụ yêu cầu đồng bộ hóa nhanh và tránh tải quá nhiều trên HTTP.
  • Tốc độ : Thực hiện các tác vụ một cách nhanh chóng, như đưa dữ liệu vào hoặc lấy ra khỏi cơ sở dữ liệu, liên kết với mạng hoặc xử lý các tệp.
  • Dễ học : Node.js rất dễ học đối với người mới bắt đầu vì nó sử dụng Javascript.
  • Lợi ích bộ nhớ đệm : Chỉ lưu trữ một phần nên không cần chạy lại code khi được yêu cầu, cache là bộ nhớ nhanh và tiết kiệm thêm thời gian tải.
  • Truyền dữ liệu : Xử lý các yêu cầu và phản hồi HTTP dưới dạng các sự kiện khác nhau, từ đó nâng cao hiệu suất.
  • Lưu trữ : Dễ dàng đưa lên các trang web như PaaS và Heroku.
  • Hỗ trợ doanh nghiệp : Được sử dụng bởi các doanh nghiệp lớn như Netflix, SpaceX, Walmart, v.v.

Làm cách nào để cài đặt Node.js trên Windows?

Vì chúng ta đang bắt đầu phát triển các ứng dụng Node.js nên nếu chúng ta có môi trường Windows thì môi trường Node.js phải được thiết lập. Hãy làm theo hướng dẫn từng bước bên dưới để thiết lập môi trường Node.js trong hệ điều hành Windows.

Bước 1: Tải xuống gói cài đặt Node.js

Truy cập trang web chính thức của Node.js Trang web chính thức của Node.js và đảm bảo bạn tải xuống phiên bản Node.js mới nhất. Ngoài ra, hãy kiểm tra xem trình quản lý gói npm đã được cài đặt cùng với nó chưa vì nó đóng vai trò quan trọng trong việc mở rộng các ứng dụng Node.js.

Chỉ cần nhấp vào Windows Installer và quá trình tải xuống sẽ bắt đầu. Phiên bản đã tải xuống sẽ là 64-bit và nên sử dụng phiên bản LTS (Hỗ trợ dài hạn). Chạy trình đóng gói trình cài đặt để cài đặt Node.js.

Bước 2: Cài đặt mô-đun Node.js và NPM trên Máy tính của bạn

Màn hình sau sẽ xuất hiện nhấp vào nút Tiếp theo:

Sau khi nhấp vào Tiếp theo, một cửa sổ mới sẽ xuất hiện nơi người dùng sẽ được yêu cầu nhập đường dẫn dự định tải xuống thư viện msi Node.js.

Bây giờ trong cửa sổ bên dưới, chọn đường dẫn mong muốn và nhấp vào nút tiếp theo:

Sau khi nhấp vào nút tiếp theo này, bạn sẽ nhận được một cửa sổ thiết lập tùy chỉnh nơi bạn sẽ được yêu cầu chọn gói bạn muốn cài đặt. Từ cửa sổ này, chọn trình quản lý gói npm theo mặc định, thời gian chạy Node.js được chọn. Trong trình quản lý gói npm, cả gói Node.js và gói npm đều được cài đặt.

Cuối cùng, nhấp vào nút Cài đặt để bắt đầu hành trình.

Bước 3: Xác minh các phiên bản đã cài đặt

Việc biết phiên bản nào được cài đặt là rất quan trọng, vì vậy để kiểm tra nó, hãy đi tới thanh tìm kiếm của Windows và nhập Dấu nhắc Lệnh:

Sau khi cửa sổ nhắc lệnh mở ra, hãy nhập hai lệnh để xác minh.

Phiên bản của Node.js

Có thể kiểm tra phiên bản Node.js bằng cách sử dụng lệnh sau trong dấu nhắc lệnh:

nút - TRONG

Phiên bản được cài đặt sẽ hiển thị

Phiên bản NPM

Để kiểm tra phiên bản npm, hãy sử dụng lệnh sau:

npm - TRONG

Phiên bản cho npm sẽ xuất hiện trong terminal.

Vậy là xong, bây giờ bạn có thể bắt đầu phát triển ứng dụng bằng cách thiết lập môi trường Node.js.

Tất cả người dùng đều không sử dụng Windows nên mong muốn đáp ứng nhu cầu của mọi người. Dưới đây là quá trình cài đặt Node.js trên Mac.

Làm cách nào để cài đặt Node.js trên Mac?

Đối với người dùng sử dụng Mac thì cách cài đặt cũng khá giống với Windows. Đi tới trang web chính thức của Node.js và tải xuống gói dành cho Mac.

Bước 1: Tải xuống Trình quản lý gói cho Mac

Truy cập trang web chính thức của Node và tải xuống MacOSInstaller của NodeJS:

https://nodejs.org/en/download/current

Nhấp vào nút được chỉ định trong màn hình trên để bắt đầu tải xuống.

Người dùng có thể chỉ định vị trí nơi nó sẽ được cài đặt.

Bước 2: Cài đặt tệp .pkg Node.js

Chạy file cài đặt và làm theo hướng dẫn cài đặt:

Nhấp vào nút “Cài đặt” và quá trình cài đặt Node.js sẽ bắt đầu.

Sau khi hoàn tất cài đặt NodeJS, nó sẽ hiển thị tóm tắt:

Nhấp vào nút “Đóng” để hoàn tất quá trình cài đặt.

Bước 3: Xác minh cài đặt và phiên bản Node.js

Để xác minh rằng Node.js đã được cài đặt và kiểm tra phiên bản của nó, hãy sử dụng lệnh sau:

nút -- phiên bản

Bước 4: Nâng cấp NPM trên toàn cầu

Thực hiện lệnh được gõ bên dưới để nâng cấp NPM cho tất cả người dùng hệ thống bằng cờ “–global”:

sudo apt cài đặt npm -- toàn cầu

Bước 5: Đặt đường dẫn nút thành biến $PATH

Chạy lệnh sau để đặt Biến PATH cho NodeJS:

xuất đường dẫn =/ sử dụng / địa phương / git / thùng rác :/ sử dụng / địa phương / thùng rác : $PATH

Ghi chú: Trong lệnh trên, “/usr/local/bin” là vị trí cài đặt NodeJS theo mặc định.

Bước 6: Cập nhật chi tiết PATH trong “.bash\_profile”

Thêm chi tiết đường dẫn vào “~/.bash\_profile” bằng lệnh được đưa ra bên dưới:

tiếng vọng 'xuất PATH=/usr/local/bin:$PATH' >> ~ / . đánh đập \_hồ sơ

Bước 7: Cập nhật ~/.bashrc

Để cung cấp nó cho tất cả người dùng, hãy thực hiện lệnh dưới đây:

nguồn ~ / . bashrc

Đó là về việc cài đặt NodeJS và thiết lập biến PATH trong MacOS cho NodeJS.

Làm cách nào để cài đặt Node.js trên Linux?

Để cài đặt Node.js trên bất kỳ Hệ điều hành Linux dựa trên Debian nào, hãy làm theo quy trình từng bước dưới đây:

Bước 1: Mở terminal

Đầu tiên, kích hoạt thiết bị đầu cuối bằng phím tắt bàn phím “CTRL+ALT+T”:

Bước 2: Cập nhật và nâng cấp hệ thống

Thực hiện lệnh được gõ bên dưới để cập nhật và nâng cấp kho lưu trữ của hệ thống:

cập nhật sudo apt && nâng cấp sudo apt -

Bước 3: Cài đặt Node bằng trình quản lý gói apt

Sau khi cập nhật kho lưu trữ của hệ thống, hãy cài đặt Node.js từ trình quản lý gói APT chính thức bằng lệnh:

sudo apt cài đặt nodejs

Bước 4: Xác minh cài đặt nút

Sau khi được cài đặt, hãy xác minh cài đặt bằng cách kiểm tra phiên bản Node.js bằng lệnh đã cho bên dưới:

nút - TRONG

Bước 5: Cài đặt NPM

Bạn nên cài đặt NPM cùng với NodeJS vì nó hầu như luôn được yêu cầu. NPM cũng có sẵn trong kho APT chính thức và có thể được cài đặt bằng lệnh đã cho:

sudo apt cài đặt npm

Bước 6: Xác minh cài đặt NPM

Kiểm tra cả Phiên bản NPM để xác minh việc cài đặt NPM bằng lệnh sau:

npm - TRONG

Đây là cách bạn có thể cài đặt Node và NPM trên Hệ điều hành Linux dựa trên Debian.

Làm thế nào để viết chương trình Node.js đầu tiên? (Chào thế giới)

Tất cả đã sẵn sàng để bắt đầu con đường phát triển ứng dụng trong Node.js của chúng tôi. Hãy tạo chương trình đầu tiên khá phổ biến của chúng ta. Bất cứ khi nào bất cứ ai bắt đầu học một ngôn ngữ hoặc khuôn khổ mới, chương trình đầu tiên thường là in “Xin chào thế giới”. Nói lời chào với mọi người theo một cách khác là một cảm giác khá thú vị và kể cho họ nghe về sự khởi đầu của cuộc hành trình mới của chúng ta. Dưới đây là mã để bắt đầu:

// Ứng dụng.js

bảng điều khiển. nhật ký ( 'Chào thế giới!' ) ;

Để thực thi tập lệnh mã này, hãy sử dụng lệnh sau:

ứng dụng nút js

đầu ra

Câu lệnh Hello World sẽ được ghi vào terminal:

Làm cách nào để nhập mô-đun lõi nút?

Người dùng phải sử dụng hàm “require()” để sử dụng mô-đun mong muốn nhằm làm việc trong tập lệnh mã của họ. Ví dụ: nếu sử dụng mô-đun “fs” (Hệ thống tệp) thì dòng mã nhập sẽ là:

hằng số fs = yêu cầu ( 'fs' )

Điều này sẽ nhập tất cả các chức năng của mô-đun đó và lưu trữ nó trong biến fs, một biến không đổi, có nghĩa là nội dung của nó không thể thay đổi trong thời gian chạy. Sau đó, bằng cách sử dụng biến “fs”, người dùng có thể triển khai các chức năng mong muốn.

Bây giờ, hãy tạo một ví dụ mã đơn giản trong đó một mô-đun được nhập và chức năng của nó được sử dụng trong tập lệnh mã.

Ví dụ: Sử dụng mô-đun HTTP

hằng số http = yêu cầu ( 'http' ) ;

// Máy chủ HTTP đơn giản

hằng số máy chủ http = http. máy chủ tạo ( ( yêu cầu, độ phân giải ) => {

res. viếtĐầu ( 200 , { 'Loại nội dung' : 'văn bản/html' } ) ;

res. viết ( '' ) ;

res. viết ( '' ) ;

res. viết ( '<đầu>' ) ;

res. viết ( ' ' ) ;

res. viết ( '' ) ;

res. viết ( 'Xin chào thế giới!' ) ;

res. viết ( '' ) ;

res. viết ( '' ) ;

res. viết ( '

Xin chào Thế giới!

'
) ;

res. viết ( '' ) ;

res. viết ( '' ) ;

res. kết thúc ( ) ;

} ) ;

// Nghe trên cổng 3000

httpServer. Nghe ( 3000 , ( ) => {

bảng điều khiển. nhật ký ( 'Máy chủ nghe trên cổng 3000' ) ;

} ) ;

Trong mã này:



  • “const http = require('http')” nhập nội dung của mô-đun http và lưu trữ nó trong một biến không đổi “http”.
  • “const httpServer = http.createServer((req, res) =>” tạo một máy chủ HTTP đơn giản và thêm văn bản Hello World cùng với một số HTML cơ bản. Phương thức createServer tạo một máy chủ với hai đối số, một là yêu cầu trên máy chủ và thứ hai là phản hồi được tạo cho yêu cầu đó.
  • “httpServer.listen(3000, () =>” chỉ định cổng 3000 trên máy chủ cục bộ và ghi thông báo đến thiết bị đầu cuối rằng máy chủ đang hoạt động và đang lắng nghe trên cổng 3000.

Để chạy Ứng dụng Node, hãy thực thi tệp JS bằng lệnh nút như hiển thị bên dưới:

ứng dụng nút js

Trong đó App.js là tên tệp.







đầu ra



Thông báo trong terminal khi chạy mã này sẽ là:







Bây giờ chúng ta phải xác minh đầu ra ở phía máy chủ và kiểm tra xem thông báo “Hello World” có được in ở đó hay không:



Thông báo đã được in thành công trên máy chủ và phông chữ đã được điều chỉnh bằng cách sử dụng một số HTML cơ bản.

Node.js: Mô-đun cốt lõi

Một số mô-đun của Node.js là:

  • http: nó cho phép tạo một máy chủ HTTP trong Node.js
  • khẳng định: một tập hợp các hàm khẳng định chủ yếu giúp ích trong việc kiểm tra
  • fs: nó cho phép xử lý các hoạt động tập tin
  • con đường: một tập hợp các phương thức xử lý đường dẫn tệp
  • quá trình: nó cung cấp thông tin và kiểm soát về quy trình Node.js hiện tại
  • Bạn: nó cung cấp thông tin liên quan đến hệ điều hành
  • chuỗi truy vấn: một công cụ được sử dụng để phân tích cú pháp và định dạng chuỗi truy vấn URL
  • địa chỉ: mô-đun này cung cấp các công cụ để phân giải và phân tích cú pháp URL

Làm cách nào để cài đặt gói NPM?

NPM (Trình quản lý gói nút) giúp quản lý và sử dụng các thư viện hoặc công cụ của bên thứ ba trong dự án Node.js. Thực hiện theo các bước bên dưới để cài đặt gói NPM.

Bước 1: Cài đặt gói mong muốn

Hãy cài đặt mô-đun express khá phổ biến để phát triển ứng dụng web trong Node.js. Để cài đặt express sử dụng lệnh:

npm cài đặt nhanh

Dòng lệnh này sẽ cài đặt mô-đun express trong thư mục dự án của bạn.

Bước 2: Lưu mô-đun vào Package.json

NPM tự động cập nhật tệp pack.json với phần phụ thuộc mới. Nếu bạn muốn lưu nó một cách rõ ràng dưới dạng phát triển phụ thuộc dự án, hãy sử dụng cờ –save-dev hoặc –save.

npm cài đặt nhanh -- cứu - dev # Lưu dưới dạng phụ thuộc phát triển

npm cài đặt nhanh -- save # Lưu dưới dạng phụ thuộc sản xuất

Tại sao gói NPM lại quan trọng?

Các gói NPM rất quan trọng trong môi trường phát triển Node.js. Dưới đây là những lý do có thể:

  • Khả năng sử dụng lại mã: Các gói NPM lưu giữ một bản ghi mã có thể được sử dụng lại. Họ tiết kiệm thời gian của các nhà phát triển bằng cách cung cấp các phương pháp làm sẵn được tối ưu hóa.
  • Quản lý phụ thuộc: NPM giúp xử lý các yêu cầu của dự án dễ dàng hơn. Danh sách các yêu cầu của dự án nằm trong tệp pack.json, giúp sử dụng và chia sẻ các yêu cầu của dự án dễ dàng hơn.
  • Đóng góp của cộng đồng: NPM giúp xây dựng một nhóm lớn các nhà phát triển chia sẻ công việc của họ cho người khác sử dụng trong nhiều gói phần mềm miễn phí. Sự đóng góp chung này giúp tăng tốc thời gian phát triển ứng dụng.
  • Kiểm soát phiên bản: NPM cho phép bạn viết ra phiên bản gói cho dự án của mình. Điều này đảm bảo hoạt động trơn tru và xử lý các thay đổi cần thiết.
  • Hiệu quả và nhất quán: Việc sử dụng các gói hiệu quả sẽ nâng cao hiệu quả của dự án và cho phép duy trì tính nhất quán của mã trong nhóm phát triển.

Đó là nó. Bạn không chỉ học cách cài đặt các gói mong muốn mà còn hiểu lý do tại sao các gói này lại cần thiết trong môi trường phát triển Node.js của bạn.

Làm cách nào để bắt đầu với Express JS?

Để tạo ra các ứng dụng web hiệu quả, khung Express.js được sử dụng. Mô-đun “express” rất phù hợp để xây dựng các ứng dụng web trong Node.js. Dưới đây là quy trình về cách bắt đầu với gói này.

Bước 1: Cài đặt Express

Để cài đặt Express, hãy sử dụng lệnh sau trong terminal:

npm cài đặt nhanh

Mô-đun express sẽ được cài đặt nếu nó đã được cài đặt thì lệnh này sẽ cập nhật mô-đun

Bước 2: Kiểm tra mô-đun express trong Ứng dụng

Bước trên sẽ cài đặt express trong thư mục gói và người dùng có thể sử dụng mô-đun bằng cách nhập nó vào tập lệnh mã bằng cách sử dụng mô-đun “yêu cầu” như

hằng số thể hiện = yêu cầu ( 'thể hiện' )

Hãy kiểm tra một tập lệnh mã đơn giản sử dụng chức năng của mô-đun express:

hằng số thể hiện = yêu cầu ( 'thể hiện' ) ;

hằng số ứng dụng = thể hiện ( ) ;

ứng dụng. lấy ( '/' , ( yêu cầu, độ phân giải ) => {

res. gửi ( 'Xin chào Express!' ) ;

} ) ;

hằng số Hải cảng = 3000 ;

ứng dụng. Nghe ( Hải cảng, ( ) => {

bảng điều khiển. nhật ký ( `Máy chủ đang nghe trên cổng $ { Hải cảng } ` ) ;

} ) ;

Trong đoạn mã trên:

  • const express = require('express') ” nhập mô-đun express và lưu trữ nó trong một biến không đổi “express”, qua đó chúng ta có thể sử dụng các hàm liên kết với thư viện này.
  • ứng dụng const = express() ” được sử dụng để xác định một ứng dụng nhanh.
  • “app.get('/', (req, res) =>” xác định lộ trình để ứng dụng cấp tốc gửi phản hồi “Xin chào tốc hành” đến ứng dụng chuyển phát nhanh.
  • Cảng 3000 được chỉ định trong biến không đổi có tên là “port” trên máy chủ cục bộ.
  • “app.listen(port, () =>” tạo trình nghe trên cổng 3000 và ghi thông báo trên thiết bị đầu cuối rằng máy chủ đang nghe trên cổng được chỉ định.

đầu ra

Để chạy ứng dụng này, hãy sử dụng lệnh bên dưới:

ứng dụng nút js

Đầu ra trong thiết bị đầu cuối sẽ xuất hiện dưới dạng

Vì vậy, máy chủ đang hoạt động và lắng nghe trên cổng 3000 của máy chủ cục bộ. Truy cập liên kết đó trong trình duyệt sẽ hiển thị đầu ra dưới dạng

Đó là tất cả về mô-đun express về cách chúng ta có thể cài đặt nó, tạo ứng dụng và khởi động cổng máy chủ.

Làm cách nào để hiển thị tệp tĩnh trong Express?

Trong Express, hàm express.static() được sử dụng để hiển thị các tệp tĩnh như HTML, CSS, hình ảnh, v.v. Dưới đây là quy trình hiển thị các tệp tĩnh trong Express.

Bước 1: Tạo dự án

Trước khi bắt đầu, hãy đảm bảo rằng express đã được cài đặt nếu chưa thì bạn có thể chạy lệnh sau:

npm cài đặt nhanh -- cứu

Lệnh này sẽ cài đặt mô-đun express cục bộ trong thư mục node_modules và cập nhật nó trong tệp pack.json.

Bước 2: Tạo tệp cho tệp tĩnh

Thứ hai, tạo một thư mục trong thư mục làm việc. Tạo một thư mục có tên public để lưu trữ các tệp tĩnh sẽ được hiển thị. Đặt tất cả các tệp tĩnh HTML và CSS trong thư mục này để hiển thị chúng.

Bước 3: Thiết lập Express để hiển thị các tệp tĩnh

Sử dụng phương thức express.static() để chỉ định thư mục cho các tệp tĩnh mà người dùng muốn hiển thị.

Việc kết xuất tệp sử dụng hai tập lệnh mã, một tập lệnh cho phần sau lấy mã HTML được đặt trong thư mục chung. Mã HTML được giữ đơn giản vì trọng tâm chính của chúng tôi là phần phụ trợ.

Tập lệnh Node.js

hằng số thể hiện = yêu cầu ( 'thể hiện' ) ;

hằng số ứng dụng = thể hiện ( ) ;

ứng dụng. sử dụng ( thể hiện. tĩnh ( 'công cộng' ) ) ;

hằng số Hải cảng = 3000 ;

ứng dụng. Nghe ( Hải cảng, ( ) => {

bảng điều khiển. nhật ký ( `Máy chủ đang nghe trên cổng $ { Hải cảng } ` ) ;

} ) ;

Trong mã này:

  • “const express = require('express')' nhập mô-đun express trong tập lệnh để sử dụng chức năng của nó.
  • “ứng dụng const = express()” khởi động ứng dụng
  • “app.use(express.static('public'))' chỉ định thư mục để tìm nạp các tệp và cung cấp cho chúng ứng dụng cấp tốc để sử dụng và hiển thị chúng.
  • Cảng 3000 được chỉ định cho ứng dụng cấp tốc.
  • “:app.listen(port, () =>” cho biết máy chủ đang hoạt động và đang lắng nghe cổng được chỉ định bằng cách ghi nhật ký tin nhắn.

Tập lệnh HTML

DOCTYPE html >

< chỉ html = 'TRONG' >

< cái đầu >

< bộ ký tự meta = 'UTF-8' >

< tên meta = 'khung nhìn' nội dung = 'width=chiều rộng thiết bị, tỷ lệ ban đầu=1,0' >

< tiêu đề > Tĩnh Ví dụ kết xuất tiêu đề >

cái đầu >

< thân hình >

< h1 > Sử dụng Express để kết xuất Tĩnh Các tập tin h1 >

thân hình >

html >

Trong mã này, chỉ một tiêu đề được tạo vì trọng tâm là phần phụ trợ chứ không phải giao diện người dùng, nhưng các chức năng bổ sung có thể được thêm vào theo nhu cầu.

đầu ra

Bây giờ hãy chạy tập lệnh Node.js bằng đoạn mã sau:

ứng dụng nút js

Thông báo sau sẽ được ghi vào thiết bị đầu cuối cho biết máy chủ đã sẵn sàng và đang lắng nghe trên cổng 3000.

Mở cổng máy chủ cục bộ 3000 trên trình duyệt để xem tập lệnh mã HTML được mô-đun express hiển thị

Đó là tất cả để hiển thị các tệp tĩnh trong express. Bây giờ chúng ta hãy xem cách hiển thị các tệp động.

Làm cách nào để kết xuất tệp động trong Express?

Người dùng có thể kết xuất các tệp động trong Express bằng cách sử dụng công cụ tạo mẫu để tạo HTML động dựa trên dữ liệu. Mẫu được sử dụng bên dưới là EJS (Javascript nhúng) khá phổ biến để hiển thị các tệp động.

Bước 1: Cài đặt EJS

Sử dụng lệnh sau để cài đặt EJS trong thư mục dự án của bạn

npm cài đặt ejs -- cứu

Bước 2: Thiết lập Express với EJS

Thiết lập mẫu EJS làm công cụ xem trong tệp Node.js của bạn.

//App.js

hằng số thể hiện = yêu cầu ( 'thể hiện' ) ;

hằng số ứng dụng = thể hiện ( ) ;

hằng số HẢI CẢNG = 3000 ;

ứng dụng. bộ ( 'xem công cụ' , 'KHÔNG' ) ;

ứng dụng. sử dụng ( thể hiện. tĩnh ( 'công cộng' ) ) ;

ứng dụng. lấy ( '/tên người dùng' , ( yêu cầu, độ phân giải ) => {

hằng số tên người dùng = yêu cầu thông số . nhận dạng ;

hằng số dữ liệu người dùng = {

nhận dạng : tên người dùng,

tên tài khoản : `người dùng$ { tên người dùng } `,

e-mail : `người dùng$ { tên người dùng } @ví dụ. với `,

} ;

res. kết xuất ( 'người dùng' , { người dùng : dữ liệu người dùng } ) ;

} ) ;

ứng dụng. Nghe ( HẢI CẢNG, ( ) => {

bảng điều khiển. nhật ký ( `Máy chủ đang chạy trên http : //localhost:${PORT}`);

} ) ;

Các hoạt động được thực hiện bởi đoạn mã trên là:

  • “const express = require('express')” nhập mô-đun express từ các mô-đun nút.
  • “const app = express()” tạo một phiên bản cho ứng dụng express.
  • “app.set(‘view engine’, ‘ejs’)” định cấu hình express bằng mẫu ejs để hiển thị các tệp một cách linh hoạt.
  • “app.use(express.static(‘public’))” cho phép phân phát các tệp tĩnh được lưu trữ trong thư mục chung của dự án Node.
  • “app.get('/user/:id', (req, res) => {…})” xác định các trích dẫn ar lắng nghe yêu cầu.
  • “res.render('user', { user: userData })' hiển thị các tệp mẫu EJS.
  • “app.listen(PORT, () => {…})” khởi động máy chủ trên cổng 3000 và người dùng có thể nhập “ http://localhost:3000/user/123 ” trong trình duyệt.

Bước 3: Mẫu EJS

Một thư mục có tên “views” được tạo trong thư mục dự án và bên trong thư mục này tạo một tệp mẫu EJS “user.ejs”. Tệp này sẽ chứa nội dung động mà người dùng muốn hiển thị. Dán đoạn mã sau vào tập tin này

DOCTYPE html >

< chỉ html = 'TRONG' >

< cái đầu >

< bộ ký tự meta = 'UTF-8' >

< tên meta = 'khung nhìn' nội dung = 'width=chiều rộng thiết bị, tỷ lệ ban đầu=1,0' >

< tiêu đề > Thông tin người dùng tiêu đề >

cái đầu >

< thân hình >

< h1 > Thông tin người dùng h1 >

< P > Tên người dùng : <%= người dùng. nhận dạng %> P >

< P > tên tài khoản : <%= người dùng. tên tài khoản %> P >

< P > E-mail : <%= người dùng. e-mail %> P >

thân hình >

html >

Vì mục tiêu chính là hiển thị nội dung tệp một cách linh hoạt nên chỉ sử dụng mã phía trước cần thiết.

Bước 4: Khởi động máy chủ

Giờ đây, người dùng có thể khởi động ứng dụng cấp tốc bằng cách sử dụng đoạn mã sau:

ứng dụng nút js

Trong đó App.js là tên của tệp trong thư mục. Sau khi chạy mã này, thiết bị đầu cuối sẽ hiển thị thông báo sau

Bây giờ người dùng có thể sử dụng liên kết http://localhost:3000/user/123 trong trình duyệt và nội dung sẽ được hiển thị động như

Đó là tất cả để hiển thị nội dung tệp một cách linh hoạt bằng mô-đun express trong Node.js.

Phần kết luận

Bài viết giải thích Node.js từ đầu đến cuối, cho thấy cách nó hoạt động với thời gian JavaScript không ngừng nghỉ và dựa trên sự kiện cho nhiều sự kiện. Nó xem xét Express, một công cụ xây dựng web nổi tiếng, đồng thời cũng đề cập đến NPM và cách hiển thị thông tin tĩnh hoặc động trên một trang web. Mặc dù bài viết thảo luận chi tiết mọi thứ nhưng đây vẫn là hướng dẫn tốt cho người mới bắt đầu tìm hiểu về Node.js.