Đ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

i iOS 17.5 Beta 1 vừa được phát hành, những thay đổi nào đáng chú ý?
by Ban Biên Tập TopDev 1 day ago | open comments
i iOS 18 khi nào ra mắt? iOS 18 sẽ không hỗ trợ máy nào?
by Ban Biên Tập TopDev 8 days ago | open comments
V Về Logging: Mắt thần của bạn trên hệ thống thực
by Ban biên tập TopDev 10 days ago | open comments
M Middlewares – Sự tùy biến trong ứng dụng phần mềm
by Ban biên tập TopDev 13 days ago | open comments
Đ Đón đầu 7 xu hướng công nghệ hàng đầu trong năm 2024
by Ban biên tập TopDev 3 months ago | open comments
T Thực hiện “Chuẩn Hóa CV” nhận ngay quà hấp dẫn
by Ban Biên Tập TopDev 3 months ago | open comments
M METRO.digital Vietnam culture and ways of working
by Ban biên tập TopDev 4 months ago | open comments
G GW2790QT – Màn hình 2K tốt nhất dành cho lập trình viên
by Ban biên tập TopDev 4 months ago | open comments
S So sánh AWS, Google Cloud và Azure năm 2024
by Ban biên tập TopDev 7 months ago | open comments
D Data Analyst là gì? Chuyện nghề của một Data Analyst
by Linh Phan 8 months ago | open comments