Điều hướng trong Node.js

Bài viết được sự cho phép của smartjob.vn

Các bạn mất 20 phút thực hành và đi tới phần này để hiểu hơn về cách hoạt động khi có 1 request tới và điều hướng trả về file Html nào .Ví dụ như sau khi bạn nhập trình duyệt : http://127.0.0.1/about.html thì server trả về cho bạn nội dung có trong file about.html

10 Công ty hàng đầu thế giới sử dụng Node.js

Cách tạo một Docker đơn giản cho Node.JS

Tạo file và thư mục tại bất kỳ đâu bạn muốn dưới đây demo mình để ở ổ E như hình dưới:

Cấu trúc thư file folder như sau: public , dieuhuong.js , about.html , home.html

Nội dung các file như sau :

// require module http
var http = require("http");// require module file system
var fs = require("fs");
var port = 80, host = '127.0.0.1';// create server
var server = http.createServer(function (request, response) {
// get file request
var urlRequest = request.url;
console.log("Received request: " + urlRequest);

// file path
var filePath = "./public" + urlRequest;

// read file
fs.readFile(filePath, function (error, data) {

// has error
if (error) {

response.writeHead(400, {"Content-type": "text/plain ;charset=utf-8"});
response.end("Sorry, The page not found");
}

// response data for client
else {

response.writeHead(200, {"Content-type": "text/html;charset=utf-8"});
//
//;
response.write(data);
response.end();
}

});

});

// open port and listen client
server.listen(port, host, function () {

var address = server.address();
console.log("opened server on %j", address);
});

Trên file trên sẽ đọc request của url lấy nội dung file trong thư mục public truyền vào biến data respone về trình duyệt.

about.html

<!DOCTYPE html>
<html>
<title>Smartjob.vn Tutorial</title>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<body>

<h1>Chào mừng các bạn đến với node.js trên smartjob.vn ! Đây là trang about</h1>
<a href="home.html"><h3>home</h3></a>
</body>
</html>

home.html

<!DOCTYPE html>
<html>
<title>Smartjob.vn Tutorial</title>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<body>

<h1>Chào mừng các bạn đến với node.js trên smartjob.vn ! Đây là trang home</h1>
<a href="about.html"><h3>About</h3></a>
</body>
</html>

Sau đó mở CMD tới thư mục chứa file dieuhuong.js thự thi tiến trình bằng cách gõ lệnh node dieuhuong.js ở đây mình để ở thư mục E:\dieuhuong_node.js_smartjob.vn

Sau đó mở trình duyệt gõ địa chỉ và kiểm tra: http://127.0.0.1/about.html http://127.0.0.1/home.html

Các bạn có thể thêm các file smartjob.html hay file khác trong html và thứ request . Trên đây là hướng dẫn cơ bản nhất code thuần node js để diều hướng và gửi về nội dung file html để các bạn có thể hình dung ra cách hoạt động . Sau này việc điều hướng Route sẽ sử dụng thư viện express trong node js để diều hướng với nhiều phân cấp chức năng hơn .

Chúc các bạn thực hành thành công mọi thắc mắc các bạn có thể liên hệ qua Skype : nguyenanhdung90.

Bài viết gốc được đăng tải tại smartjob.vn

Có thể bạn quan tâm:

Xem thêm IT Jobs Developer hấp dẫn trên TopDev

B BenQ RD Series – Dòng Màn Hình Lập Trình 4k+ Đầu Tiên Trên Thế Giới
by Ban Biên Tập TopDev 3 days ago | open comments
i iOS 18 có gì mới? Có nên cập nhật iOS 18 cho iPhone của bạn?
by Ban Biên Tập TopDev 28 days ago | open comments
G Gamma AI là gì? Cách tạo slide chuyên nghiệp chỉ trong vài phút
by Ban biên tập TopDev 29 days ago | open comments
P Power BI là gì? Vì sao doanh nghiệp nên sử dụng PBI?
by Ban Biên Tập TopDev 1 month ago | open comments
K KICC HCMC x TOPDEV – Bước đệm nâng tầm sự nghiệp cho nhân tài IT Việt Nam
by Ban biên tập TopDev 1 month ago | open comments
T Trello là gì? Cách sử dụng Trello để quản lý công việc
by Ban Biên Tập TopDev 1 month ago | open comments
T TOP 10 SỰ KIỆN CÔNG NGHỆ THƯỜNG NIÊN KHÔNG NÊN BỎ LỠ
by Ban biên tập TopDev 1 month ago | open comments
T Tìm hiểu Laptop AI – So sánh Laptop AI với Laptop thường
by Ban biên tập TopDev 1 month ago | open comments
M MySQL vs MS SQL Server: Phân biệt hai RDBMS phổ biến nhất
by Ban Biên Tập TopDev 1 month ago | open comments
S SearchGPT là gì? Công cụ tìm kiếm mới có thể đánh bại Google?
by Ban Biên Tập TopDev 2 months ago | open comments