Hướng dẫn node js html - nút js html

Trong bài viết này, chúng ta sẽ cùng tìm hiểu cách thức để thực hiện thao tác đọc một tệp dữ liệu và gửi trả tới trình duyệt web khi nhận được yêu cầu truy cập tới địa chỉ

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Sử dụng một + File system + Promise example + Callback example + Synchronous example + Promises API + Callback API + Synchronous API 6 của NodeJS

Một

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

   /* Creating a server */

const http = require('http');

/* ... */

Bên cạnh đó thì bạn cũng có thể sử dụng cú pháp

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

Trong code ví dụ mở đầu thì

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

const { unlinkSync } = require('fs');

try {
   unlinkSync('/tmp/hello');
   console.log('successfully deleted /tmp/hello');
}
catch (error) {
   // handle the error
}

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

const { unlinkSync } = require('fs');

try {
   unlinkSync('/tmp/hello');
   console.log('successfully deleted /tmp/hello');
}
catch (error) {
   // handle the error
}

const { unlinkSync } = require('fs');

try {
   unlinkSync('/tmp/hello');
   console.log('successfully deleted /tmp/hello');
}
catch (error) {
   // handle the error
}

const { unlinkSync } = require('fs');

try {
   unlinkSync('/tmp/hello');
   console.log('successfully deleted /tmp/hello');
}
catch (error) {
   // handle the error
}

const { unlinkSync } = require('fs');

try {
   unlinkSync('/tmp/hello');
   console.log('successfully deleted /tmp/hello');
}
catch (error) {
   // handle the error
}

Nghe rườm rà thật đấy. Nhưng mà chúng ta chỉ cần hiểu tổng quan thôi chứ việc ghi nhớ mấy cái tên đầy đủ của mấy thuật ngữ này cũng không quan trọng lắm đâu.

Các

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Và trong code ví dụ trước đó, hàm

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

const { unlinkSync } = require('fs');

try {
   unlinkSync('/tmp/hello');
   console.log('successfully deleted /tmp/hello');
}
catch (error) {
   // handle the error
}

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

const { unlink } = require('fs');

unlink('/tmp/hello', function(error) {
   if (error)   throw error;
   else         console.log('successfully deleted /tmp/hello');
});

const { unlink } = require('fs');

unlink('/tmp/hello', function(error) {
   if (error)   throw error;
   else         console.log('successfully deleted /tmp/hello');
});

const { unlink } = require('fs');

unlink('/tmp/hello', function(error) {
   if (error)   throw error;
   else         console.log('successfully deleted /tmp/hello');
});

Làm quen với cấu trúc tài liệu của NodeJS

Trong trang tài liệu này thì bạn có thể thấy một thanh điều hướng chính ở phía bên trái là danh sách của tất cả các

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

const { unlink } = require('fs');

unlink('/tmp/hello', function(error) {
   if (error)   throw error;
   else         console.log('successfully deleted /tmp/hello');
});

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

const { unlink } = require('fs');

unlink('/tmp/hello', function(error) {
   if (error)   throw error;
   else         console.log('successfully deleted /tmp/hello');
});

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

Trong trang tài liệu về một

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

Thông thường thì mỗi

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

const { readFile } = require('fs');

readFile('/etc/passwd', function(error, data) {
   if (error)   throw error;
   else         console.log(data);
});

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

const { readFile } = require('fs');

readFile('/etc/passwd', function(error, data) {
   if (error)   throw error;
   else         console.log(data);
});

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Về việc tại sao NodeJS họ không làm các

const { readFile } = require('fs');

readFile('/etc/passwd', function(error, data) {
   if (error)   throw error;
   else         console.log(data);
});

const { readFile } = require('fs');

readFile('/etc/passwd', function(error, data) {
   if (error)   throw error;
   else         console.log(data);
});

const { readFile } = require('fs');

readFile('/etc/passwd', function(error, data) {
   if (error)   throw error;
   else         console.log(data);
});

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

Sau khi đã nhìn qua những cái tên

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

Tuy nhiên thì mình nghĩ là chúng ta vẫn nên ngó qua mấy cái ví dụ

const { readFile } = require('fs');

readFile('/etc/passwd', function(error, data) {
   if (error)   throw error;
   else         console.log(data);
});

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

Ở đây chúng ta có hướng dẫn cơ bản cách yêu cầu một

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Homepagetitle>
   <link rel="stylesheet" href="/asset/style.css">
head>
<body>
   <h2>Hello NodeJS !h2>
   <script src="/asset/main.js">script>
body>
html>

doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Homepagetitle>
   <link rel="stylesheet" href="/asset/style.css">
head>
<body>
   <h2>Hello NodeJS !h2>
   <script src="/asset/main.js">script>
body>
html>

doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Homepagetitle>
   <link rel="stylesheet" href="/asset/style.css">
head>
<body>
   <h2>Hello NodeJS !h2>
   <script src="/asset/main.js">script>
body>
html>

doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Homepagetitle>
   <link rel="stylesheet" href="/asset/style.css">
head>
<body>
   <h2>Hello NodeJS !h2>
   <script src="/asset/main.js">script>
body>
html>

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

Tiếp tục xem các ví dụ đại biểu cho các

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

const { unlinkSync } = require('fs');

try {
   unlinkSync('/tmp/hello');
   console.log('successfully deleted /tmp/hello');
}
catch (error) {
   // handle the error
}

const { unlink } = require('fs');

unlink('/tmp/hello', function(error) {
   if (error)   throw error;
   else         console.log('successfully deleted /tmp/hello');
});

Đều là code để thực hiện một tác vụ nào đó, đang sử dụng tới các hàm có từ khóa chung là

   /* Creating a server */

const http = require('http');
const fs = require('fs');

const handleRequest = function(request, response) {
   /* var path = 'static' + '\\index.html'; */   // windows
   var path = 'static' + '/index.html';   // linux + mac

   var callback = function(error, data) {
      if (error) {
         throw error;
      }
      else {
         response.setHeader('content-type', 'text/plain');
         response.statusCode = 200;
         response.end(data);
      }
   }; // callback

   fs.readFile(path, callback);
}; // handleRequest

const server = http.createServer(handleRequest);

   /* Start running server */

const port = 3000;
const hostname = '127.0.0.1';

const callback = function() {
   console.log('Server is running at...');
   console.log('http://' + hostname + ':' + port + '/');
};

server.listen(port, hostname, callback);

const { unlink } = require('fs');

unlink('/tmp/hello', function(error) {
   if (error)   throw error;
   else         console.log('successfully deleted /tmp/hello');
});

   /* Creating a server */

const http = require('http');
const fs = require('fs');

const handleRequest = function(request, response) {
   /* var path = 'static' + '\\index.html'; */   // windows
   var path = 'static' + '/index.html';   // linux + mac

   var callback = function(error, data) {
      if (error) {
         throw error;
      }
      else {
         response.setHeader('content-type', 'text/plain');
         response.statusCode = 200;
         response.end(data);
      }
   }; // callback

   fs.readFile(path, callback);
}; // handleRequest

const server = http.createServer(handleRequest);

   /* Start running server */

const port = 3000;
const hostname = '127.0.0.1';

const callback = function() {
   console.log('Server is running at...');
   console.log('http://' + hostname + ':' + port + '/');
};

server.listen(port, hostname, callback);

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

   /* Creating a server */

const http = require('http');
const fs = require('fs');

const handleRequest = function(request, response) {
   /* var path = 'static' + '\\index.html'; */   // windows
   var path = 'static' + '/index.html';   // linux + mac

   var callback = function(error, data) {
      if (error) {
         throw error;
      }
      else {
         response.setHeader('content-type', 'text/plain');
         response.statusCode = 200;
         response.end(data);
      }
   }; // callback

   fs.readFile(path, callback);
}; // handleRequest

const server = http.createServer(handleRequest);

   /* Start running server */

const port = 3000;
const hostname = '127.0.0.1';

const callback = function() {
   console.log('Server is running at...');
   console.log('http://' + hostname + ':' + port + '/');
};

server.listen(port, hostname, callback);

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

Bây giờ chúng ta cần đặt một chút suy nghĩ cho tác vụ đọc nội dung của một tệp để chọn ra một trong số các

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

   /* Creating a server */

const http = require('http');
const fs = require('fs');

const handleRequest = function(request, response) {
   /* var path = 'static' + '\\index.html'; */   // windows
   var path = 'static' + '/index.html';   // linux + mac

   var callback = function(error, data) {
      if (error) {
         throw error;
      }
      else {
         response.setHeader('content-type', 'text/plain');
         response.statusCode = 200;
         response.end(data);
      }
   }; // callback

   fs.readFile(path, callback);
}; // handleRequest

const server = http.createServer(handleRequest);

   /* Start running server */

const port = 3000;
const hostname = '127.0.0.1';

const callback = function() {
   console.log('Server is running at...');
   console.log('http://' + hostname + ':' + port + '/');
};

server.listen(port, hostname, callback);

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

Đằng nào thì cũng tiện một công mở trình soạn thảo code lên để học NodeJS, chúng ta sẽ thử cả 2 nhóm API này và xem cách viết nào phù hợp với phong cách tư duy logic của mình nhất, hoặc là kiểu định dạng code nào mà mình nhìn thấy vừa mắt nhất.

Sử dụng Callback API

Thao tác chúng ta đang cần xử lý là

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ fs.read( ... )
+ fs.readdir( ... )
+ fs.readFile( ... )
+ fs.readlink( ... )
+ fs.readv( ... )

Rồi... may quá là có cái

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Đầu tiên thì chúng ta thấy có cú pháp tổng quan của

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

• + File system
     + Promise example
     + Callback example
     + Synchronous example
     + Promises API
     + Callback API
     + Synchronous API
  

  09 - đường dẫn thư mục của tệp cần đọc.

• [nodejs-blog]
     |
     +---[static]
     |      |
     |      +---[asset]
     |      |      |
     |      |      +---style.css
     |      |      +---main.js
     |      |
     |      +---[post]
     |      |      |
     |      |      +---an-article.html
     |      |      +---another-article.html
     |      |
     |      +---index.html
     |      +---oops.html
     |
     +---server.js
     +---test.js
  

  1 - hàm gọi lại để tiếp nhận và xử lý dữ liệu kết quả hoặc một

  + File system
     + Promise example
     + Callback example
     + Synchronous example
     + Promises API
     + Callback API
     + Synchronous API
  

  9 mô tả ngoại lệ

  + File system
     + Promise example
     + Callback example
     + Synchronous example
     + Promises API
     + Callback API
     + Synchronous API
  

  12 nếu không đọc được tệp vì lý do nào đó.

• + File system
     + Promise example
     + Callback example
     + Synchronous example
     + Promises API
     + Callback API
     + Synchronous API
  

  13 - các tham số phụ được đặt ở giữa

  + File system
     + Promise example
     + Callback example
     + Synchronous example
     + Promises API
     + Callback API
     + Synchronous API
  

  09 và

  [nodejs-blog]
     |
     +---[static]
     |      |
     |      +---[asset]
     |      |      |
     |      |      +---style.css
     |      |      +---main.js
     |      |
     |      +---[post]
     |      |      |
     |      |      +---an-article.html
     |      |      +---another-article.html
     |      |
     |      +---index.html
     |      +---oops.html
     |
     +---server.js
     +---test.js
  

  1, có thể có hoặc không.

Sau đó thì chúng ta nhìn thấy code ví dụ để đọc một tệp có đường dẫn thư mục là

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Homepagetitle>
   <link rel="stylesheet" href="/asset/style.css">
head>
<body>
   <h2>Hello NodeJS !h2>
   <script src="/asset/main.js">script>
body>
html>

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

const { readFile } = require('fs');

readFile('/etc/passwd', function(error, data) {
   if (error)   throw error;
   else         console.log(data);
});

Mọi thứ trông khá gọn gàng và dễ hiểu. Hàm

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

Lúc này công việc tiếp theo được định nghĩa trong hàm

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Bây giờ chúng ta hãy

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

Chúng ta sẽ khởi đầu với tệp

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Homepagetitle>
   <link rel="stylesheet" href="/asset/style.css">
head>
<body>
   <h2>Hello NodeJS !h2>
   <script src="/asset/main.js">script>
body>
html>

Bây giờ trong tệp

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

   /* Creating a server */

const http = require('http');
const fs = require('fs');

const handleRequest = function(request, response) {
   /* var path = 'static' + '\\index.html'; */   // windows
   var path = 'static' + '/index.html';   // linux + mac

   var callback = function(error, data) {
      if (error) {
         throw error;
      }
      else {
         response.setHeader('content-type', 'text/plain');
         response.statusCode = 200;
         response.end(data);
      }
   }; // callback

   fs.readFile(path, callback);
}; // handleRequest

const server = http.createServer(handleRequest);

   /* Start running server */

const port = 3000;
const hostname = '127.0.0.1';

const callback = function() {
   console.log('Server is running at...');
   console.log('http://' + hostname + ':' + port + '/');
};

server.listen(port, hostname, callback);

Bây giờ thì chúng ta mở cửa sổ dòng lệnh và khởi động

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Nhưng lần này là chúng ta sẽ chạy tệp

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

http://127.0.0.1:3000/

Ồ... vậy là thao tác đọc dữ liệu của hàm

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Sau một hồi lay hoay thì mình cũng tìm ra nguyên nhân và phương án xử lý. Đó là ở câu lệnh

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Chắc đây là lý do trình duyệt web nhận được bao nhiêu chữ nghĩa là cứ cho hiện đầy đủ hết lên để người dùng xem luôn; Không cả cần ngó qua xem nội dung đó là cái gì. Chứ nếu trình duyệt web mà biết là code HTML thì chắc chắn là sẽ xử lý khác. Bây giờ chúng ta hãy thử thay đổi chỗ

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Bạn lưu ý là phần mềm

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Tuyệt... như vậy là trình duyệt web đã nhận được thông báo rằng

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

Sử dụng Promises API

Tương ứng với phương thức

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Sau khi chỉnh sửa lại hàm

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Mình đoán là bạn cũng thấy kết quả hoạt động không có gì khác biệt. Mọi thứ đều rất ổn giống như khi sử dụng

[nodejs-blog]
   |
   +---[static]
   |      |
   |      +---[asset]
   |      |      |
   |      |      +---style.css
   |      |      +---main.js
   |      |
   |      +---[post]
   |      |      |
   |      |      +---an-article.html
   |      |      +---another-article.html
   |      |
   |      +---index.html
   |      +---oops.html
   |
   +---server.js
   +---test.js

Vấn đề về đường dẫn thư mục

Trong code ví dụ ở phía trên chúng ta đã phải

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Trong code ví dụ ở phía trên, phương thức

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Kết thúc bài viết

Sau khi chắc chắn là đã có thể tự tin đọc nội dung của một tệp với sự hỗ trợ của

const { unlink } = require('fs');

unlink('/tmp/hello', function(error) {
   if (error)   throw error;
   else         console.log('successfully deleted /tmp/hello');
});

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Như vậy thì điều quan trọng cần làm tiếp theo đó là chúng ta cần phải tìm hiểu cách xem nội dung yêu cầu

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

Nhân tiện thì bài viết này của chúng ta nhằm mục đích giới thiệu

// sử dụng các API promises
const fsPromises = require('fs/promises');

// sử dụng các API callback và synchronous
const fs = require('fs');

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

Thêm vào đó là mình quên chưa nói về tệp

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

+ File system
   + Promise example
   + Callback example
   + Synchronous example
   + Promises API
   + Callback API
   + Synchronous API

[NodeJS] Bài 4 - Xử Lý Yêu Cầu Web Tĩnh