# 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 服務器架構(使用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,顯示如下圖所示:

執行 server.js 的控制臺輸出信息如下:
```
Server running at http://127.0.0.1:8081/
Request for /index.htm received. # 客戶端請求信息
```
### 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 實例演示

- Node.js 簡介
- Node.js 安裝配置
- Node.js 創建第一個應用
- NPM 使用介紹
- Node.js REPL(交互式解釋器)
- Node.js 回調函數
- Node.js 事件循環
- Node.js EventEmitter
- Node.js Buffer(緩沖區)
- Node.js Stream(流)
- Node.js模塊系統
- Node.js 函數
- Node.js 路由
- Node.js 全局對象
- Node.js 常用工具 util
- Node.js 文件系統
- Node.js GET/POST請求
- Node.js 工具模塊
- Node.js OS 模塊
- Node.js Path 模塊
- Node.js Net 模塊
- Node.js DNS 模塊
- Node.js Domain 模塊
- Node.js Web 模塊
- Node.js Express 框架
- Node.js RESTful API
- Node.js 多進程
- Node.js JXcore 打包
- 免責聲明