Node.js Web 模塊 · W3School Node.js 教程

# Node.js Web 模塊 ## 什么是 Web 服務器？ Web服務器一般指網站服務器，是指駐留于因特網上某種類型計算機的程序，Web服務器的基本功能就是提供Web信息瀏覽服務。它只需支持HTTP協議、HTML文檔格式及URL，與客戶端的網絡瀏覽器配合。大多數 web 服務器都支持服務端的腳本語言（php、python、ruby）等，并通過腳本語言從數據庫獲取數據，將結果返回給客戶端瀏覽器。目前最主流的三個Web服務器是Apache、Nginx、IIS。 ## Web 應用架構 ![](https://box.kancloud.cn/2015-12-16_56711ea4abc53.jpg "Web 應用架構") * **Client** - 客戶端，一般指瀏覽器，瀏覽器可以通過 HTTP 協議向服務器請求數據。 * **Server** - 服務端，一般指 Web 服務器，可以接收客戶端請求，并向客戶端發送響應數據。 * **Business** - 業務層，通過 Web 服務器處理應用程序，如與數據庫交互，邏輯運算，調用外部程序等。 * **Data** - 數據層，一般由數據庫組成。 ## 使用 Node 創建 Web 服務器 Node.js 提供了 http 模塊，http 模塊主要用于搭建 HTTP 服務端和客戶端，使用 HTTP 服務器或客戶端功能必須調用 http 模塊，代碼如下： ``` var http = require('http'); ``` 以下是演示一個最基本的 HTTP 服務器架構(使用8081端口)，創建 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/plain response.writeHead(404, {'Content-Type': 'text/html'}); }else{ // HTTP 狀態碼: 200 : OK // Content Type: text/plain response.writeHead(200, {'Content-Type': 'text/html'}); // 響應文件內容 response.write(data.toString()); } // 發送響應數據 response.end(); }); }).listen(8081); // 控制臺會輸出以下信息 console.log('Server running at http://127.0.0.1:8081/'); ``` 接下來我們在該目錄下創建一個 index.htm 文件，代碼如下： ``` <html> <head> <title>Sample Page</title> </head> <body> Hello World! </body> </html> ``` 執行 server.js 文件： ``` $ node server.js Server running at http://127.0.0.1:8081/ ``` 接著我們在瀏覽器中打開地址：http://127.0.0.1:8081/index.htm，顯示如下圖所示: ![](https://box.kancloud.cn/2015-12-16_56711ea4b9bd3.jpg) 執行 server.js 的控制臺輸出信息如下： ``` Server running at http://127.0.0.1:8081/ Request for /index.htm received. # 客戶端請求信息 ``` ### Gif 實例演示 ![](https://box.kancloud.cn/2015-12-16_56711ea4cd44e.gif) ## 使用 Node 創建 Web 客戶端 Node 創建 Web 客戶端需要引入 http 模塊，創建 client.js 文件，代碼如下所示： ``` <pre> var http = require('http'); // 用于請求的選項 var options = { host: 'localhost', port: '8081', path: '/index.htm' }; // 處理響應的回調函數 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 <html> <head> <title>Sample Page</title> </head> <body> Hello World! </body> </html> ``` 執行 server.js 的控制臺輸出信息如下： ``` Server running at http://127.0.0.1:8081/ Request for /index.htm received. # 客戶端請求信息 ``` ### Gif 實例演示 ![](https://box.kancloud.cn/2015-12-16_56711ea51b976.gif)