Node.js Web 模組

什麼是 Web 伺服器？

Web伺服器一般指網站伺服器，是指駐留於因特網上某種型別計算機的程式，Web伺服器的基本功能就是提供Web資訊瀏覽服務。它只需支援HTTP協議、HTML文件格式及URL，與客戶端的網路瀏覽器配合。

大多數 web 伺服器都支援服務端的指令碼語言（php、python、ruby）等，並通過指令碼語言從資料庫獲取資料，將結果返回給客戶端瀏覽器。

目前最主流的三個Web伺服器是Apache、Nginx、IIS。

Web 應用架構

  • Client - 客戶端，一般指瀏覽器，瀏覽器可以通過 HTTP 協議向伺服器請求資料。

  • Server - 服務端，一般指 Web 伺服器，可以接收客戶端請求，並向客戶端傳送響應資料。

  • Business - 業務層， 通過 Web 伺服器處理應用程式，如與資料庫互動，邏輯運算，呼叫外部程式等。

  • Data - 資料層，一般由資料庫組成。

使用 Node 建立 Web 伺服器

Node.js 提供了 http 模組，http 模組主要用於搭建 HTTP 服務端和客戶端，使用 HTTP 伺服器或客戶端功能必須呼叫 http 模組，程式碼如下： 

var http = require('http');

以下是演示一個最基本的 HTTP 伺服器架構(使用 8080 埠)，建立 server.js 檔案，程式碼如下所示：

例項

var http = require('http'); var fs = require('fs'); var url = require('url'); // 建立伺服器 http.createServer( function (request, response) { // 解析請求，包括檔名 var pathname = url.parse(request.url).pathname; // 輸出請求的檔名 console.log("Request for " + pathname + " received."); // 從檔案系統中讀取請求的檔案內容 fs.readFile(pathname.substr(1), function (err, data) { if (err) { console.log(err); // HTTP 狀態碼: 404 : NOT FOUND // Content Type: text/html response.writeHead(404, {'Content-Type': 'text/html'}); }else{ // HTTP 狀態碼: 200 : OK // Content Type: text/html response.writeHead(200, {'Content-Type': 'text/html'}); // 響應檔案內容 response.write(data.toString()); } // 傳送響應資料 response.end(); }); }).listen(8080); // 控制檯會輸出以下資訊 console.log('Server running at http://127.0.0.1:8080/');

接下來我們在該目錄下建立一個 index.html 檔案，程式碼如下：

index.html 檔案

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>入門教學(itread01.com)</title> </head> <body> <h1>我的第一個標題</h1> <p>我的第一個段落。</p> </body> </html>

執行 server.js 檔案：

$ node server.js
Server running at http://127.0.0.1:8080/

接著我們在瀏覽器中開啟地址：http://127.0.0.1:8080/index.html，顯示如下圖所示:

執行 server.js 的控制檯輸出資訊如下：

Server running at http://127.0.0.1:8080/
Request for /index.html received.     #  客戶端請求資訊

使用 Node 建立 Web 客戶端

Node 建立 Web 客戶端需要引入 http 模組，建立 client.js 檔案，程式碼如下所示：

例項

var http = require('http'); // 用於請求的選項 var options = { host: 'localhost', port: '8080', path: '/index.html' }; // 處理響應的回撥函式 var callback = function(response){ // 不斷更新資料 var body = ''; response.on('data', function(data) { body += data; }); response.on('end', function() { // 資料接收完成 console.log(body); }); } // 向服務端傳送請求 var req = http.request(options, callback); req.end();

新開一個終端，執行 client.js 檔案，輸出結果如下： 

$ node  client.js 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>入門教學(itread01.com)</title>
</head>
<body>
    <h1>我的第一個標題</h1>
    <p>我的第一個段落。</p>
</body>
</html>

執行 server.js 的控制檯輸出資訊如下：

Server running at http://127.0.0.1:8080/
Request for /index.html received.   # 客戶端請求資訊