日韩偷拍一区二区,国产香蕉久久精品综合网,亚洲激情五月婷婷,欧美日韩国产不卡

第3 章 Node.js 的Web 應用

本章將介紹Node.js 的Web 應用，主要包括HTTP 服務器、Node.js 靜態資源管理、

Node.js 的文件處理功能、Cookie 和Session 的應用、Node.js 安全加密，介紹Node.js

如何與Nginx 搭檔。

本章將會結合"文字直播Web 應用"來貫穿本章的知識點。文字直播應用是一個長連

接多請求的應用，Node.js 在這方面具有非常大的優勢，因此本章使用該例子來介紹本章知

識點。該應用使用Node.js 開發可以在很大程度上降低服務器壓力，同時給予用戶一個更

好的在線體驗。文字直播Web 應用需求簡單介紹如下。

用戶：直播員(需登錄)，游客。

直播方式：直播員登錄后臺，輸入相應的直播信息，可包含圖片和文字。

技術統計：需在線實時記錄運動員數據。

游客討論：游客可實時進行在線討論。

微博分享：游客可通過騰訊微博和新浪微博分享直播內容。

3.1 HTTP 服務器

本節將介紹如何應用Node.js 創建一個HTTP 服務器來處理客戶端的POST 和GET 數

據請求，以及服務器端Node.js 如何實現url 路由請求處理。會介紹Node.js 模塊中的

HTTP 和HTTPS。重點是介紹如何實現Node.js 的服務器路由。

3.1.1 簡單的HTTP 服務器

創建一個HTTP 服務器的相關知識點在Node.js 的配置開發已經有所介紹。應用

Node.js HTTP 模塊中的createServer() API。代碼如下：

var http = require('http');

/ 應用Node.js 的原生模塊HTTP 來實現Web 服務器創建 /

http.createServer(function(req, res) {

res.writeHead(200, { 'Content-Type': 'text/plain' });

res.end('Hello World\n');

}).listen(1337, "127.0.0.1");

console.log('Server running at 127.0.0.1:1337/');

http.createServer()接收一個request 事件函數，該事件函數有兩個參數request 和

Node.js 開發實戰詳解

·78 ·

response，request 是 http.ServerReques1的實例對象，response 則為http.ServerRespons2實例

對象。request 對象主要是獲取請求資源信息，包括請求的url、客戶端參數、資源文件、

header 信息、HTTP 版本、設置客戶端編碼等。Response 對象主要是響應客戶端請求數據，

包括HTTP 的header 處理、HTTP 請求返回碼、響應請求數據等。

http.createServer()調用返回的是一個server 對象，server 對象擁有listen 和close 方法，

listen 方法可以指定監聽的IP 和端口。

實例介紹：創建一個HTTP 服務器，獲取并輸出請求url、method 和headers，同時根

據請求資源做不同的輸出。

當請求'/index'，返回200，并且返回一個html 頁面數據到客戶端。

當請求'/img'，返回200，并且返回一個圖片數據。

若為其他情況，則返回404，并輸出'can not find source'。

先創建HTTP 服務器，使用switch 判斷請求資源類型分配。代碼如下：

/ http.js /

var http = require('http'),

fs = require('fs'),

url = require('url');

/ 創建http 服務器 /

http.createServer(function(req, res) {

/ 獲取Web 客戶端請求路徑 /

var pathname = url.parse(req.url).pathname;

/ 打印客戶端請求req 對象中的url、method 和headers 屬性 /

console.log(req.url);

console.log(req.method);

console.log(req.headers);

/ 根據pathname，路由調用不同處理邏輯 /

switch(pathname){

case '/index' : resIndex(res); // 響應HTML 頁面到Web 客戶端

break;

case '/img' : resImage(res); // 響應圖片數據到Web 客戶端

break;

default : resDefault(res); // 響應默認文字信息到Web 客戶端

break;

}

}).listen(1337);

[代碼說明]

var pathname = url.parse(req.url).pathname：獲取客戶端請求路徑。

console.log(req.url)：輸出請求url。

console.log(req.method)：輸出請求方法。

console.log(req.headers)：輸出請求header 信息。

resIndex(res)：判斷請求參數是否為/index，如果是就執行resIndex(res)。

resImage(res)：判斷請求參數是否為/img，如果是就執行resImage(res)。

resDefault(res)：返回404 not find。

1 參考網站nodejs.org/api/http.html#http_class_http_serverrequest。

2 參考網站nodejs.org/api/http.html#http_class_http_serverresponse。

第3 章 Node.js 的Web 應用

·79·

記住要把res 參數傳遞到處理返回函數，如果需要執行HTTP 響應請求時，也必須將

req 傳遞到處理函數。代碼如下：

/

@desc 創建resIndex 響應首頁html 函數

@parameters res HTTP 響應對象

/

function resIndex(res){

/ 獲取當前index.html 的路徑 /

var readPath = __dirname + '/' +url.parse('index.html').pathname;

var indexPage = fs.readFileSync(readPath);

res.writeHead(200, { 'Content-Type': 'text/html' });

res.end(indexPage);

}

/

@desc 創建resImage 響應image 函數

@parameters res HTTP 響應對象

/

function resImage(res){

/ 獲取當前image 的路徑 /

var readPath = __dirname + '/' +url.parse('logo.png').pathname;

var indexPage = fs.readFileSync(readPath);

res.writeHead(200, { 'Content-Type': 'image/png' });

res.end(indexPage);

}

/

@desc 創建resDefault 響應404 函數

@parameters res HTTP 響應對象

/

function resDefault(res){

res.writeHead(404, { 'Content-Type': 'text/plain' });

res.end('can not find source');

}

[代碼說明]

resIndex(res)處理并返回'Content-Type': 'text/html'的html 頁面。

esImage(res)處理并返回'Content-Type': 'image/png'的png 圖片。

resDefault(res)處理并返回404 輸出'can not find source'。

執行http.js，打開瀏覽器，輸入不同的請求資源，查看和比較不同的返回結果。

node http.js

(1)打開瀏覽器，輸入127.0.0.1:13371，如圖3-1 所示返回了404，并輸出了'can not find

source'。

1 本文輸入的192.168.1.120:1337 為個人的一個測試服務器，和本地服務器IP 地址127.0.0.1:1337

是一致的，讀者輸入的是127.0.0.1:1337。

Node.js 開發實戰詳解

·80 ·

圖3-1 瀏覽127.0.0.1:1337 返回Web 頁面圖

(2)HTTP 新增請求路徑/index，127.0.0.1:1337/index，如圖3-2 所示返回200，并輸出

index.html 頁面內容。

圖3-2 瀏覽127.0.0.1:1337/index 返回Web 頁面圖

(3)改變HTTP 路徑為/img，127.0.0.1:1337/img，如圖3-3 所示返回200，并輸出了一

個png 的logo 圖片。

圖3-3 瀏覽127.0.0.1:1337/img 返回Web 頁面圖

如圖3-4 所示為服務器端輸出的結果，這里只截取了部分，輸出的結果包含了每次請

求的url，method 和請求headers。可以看到每次HTTP 請求都會自帶一個/favicon.ico 請求，

這個是網頁的ico，是大多數瀏覽器自我發出的請求，如果需要去除這個請求，可以設置返

回一個有效的/favicon.ico 文件，并且指定expire 時間。

第3 章 Node.js 的Web 應用

·81·

圖3-4 Node.js 服務器運行流水日志圖

3.1.2 路由處理

了解Node.js 服務器創建功能實現后，接下來介紹根據不同客戶端的請求資源路徑，

來分配服務器處理邏輯。在3.1.1 節中已經初步了解到可以使用switch 來實現路由，當然

這是一種路由處理辦法，但是在請求資源非常復雜時，使用switch 來判斷處理就會顯得很

龐大，而且難以維護和擴展。本節將介紹兩種路由處理方法，大家可根據自己的想法設計

出更多的路由處理方法，另外在本章的習題1 中還會提供第三種路由處理方法。

1.特定規則請求路徑

特定規則請求參數：可以根據用戶請求的url，依據特定的規則得到相應的執行函數，

例如請求參數/index，根據特定規則轉化為resIndex(res, req)方法。

這里將HTTP 的請求路徑/index，根據一定的規則得到其處理函數resIndex，當我們需要

新增處理邏輯時，例如/img，則必須在服務器端新增處理函數resImg。具體實現過程如下：

var param = pathname.substr(2),

// 獲取客戶端請求的url 路徑，并獲取其及時個參數，將其小寫轉為大寫

firstParam = pathname.substr(1,1).toUpperCase();

// 根據pathname 獲取其需要執行的函數名

var functionName = 'res' + firstParam + param;

response = res;

if(pathname == '/'){

resDefault(res)

} else if (pathname == '/favicon.ico') {

return;

}

else{

eval(functionName + '()');

}

[代碼說明]

firstParam = pathname.substr(1,1).toUpperCase()：將參數的首字母改為大寫，例如

/index，獲取i，并將其改為大寫的I；

Node.js 開發實戰詳解

·82 ·

functionName = 'res' + firstParam + param：獲取需要執行的函數名，res 為前綴，

firstParam 為首字母，例如/index，firstParam 為I，param 為ndex，因此functionName

為resIndex；

pathname == '/'：無參數時返回default 頁面；

pathname == '/favicon.ico'：對于該請求返回空信息；

eval(functionName + '()')：使用eval 執行字符串函數。

該方法有一個很明顯的缺點，就是res 和req 參數必須設置為全局變量，否則函數中無

法獲取該res 和req 對象參數。

這里只是介紹了一種實現方式，可以根據/param 參數來判斷需要調用的模塊和函數，

對于小項目而言可以實現這種路由處理。

2.利用附帶參數來實現路由處理

利用自帶參數來實現路由處理：url 路徑指定需要執行的模塊，通過在HTTP 的url 中

攜帶一個c 參數，表示需要調用的模塊中的方法名，從而實現簡單的路由處理。例如

/image?c=img 表示獲取index 模塊中img 方法，同樣/index?c=index 表示獲取index 模塊中

的index 方法。具體實現是創建client.js 作為服務器模塊，代碼如下：

/ 首先require 加載兩個模塊 /

var http = require('http'),

url = require('url'),

querystring = require("querystring");

/

@desc 創建web 服務器

/

http.createServer(function(req, res) {

/ 獲取用戶請求的url 路徑 /

var pathname = url.parse(req.url).pathname;

if (pathname == '/favicon.ico') { // 過濾瀏覽器默認請求/favicon.ico

return;

}

/ 根據用戶請求的url 路徑，截取其中的module 和controller /

var module = pathname.substr(1),

str = url.parse(req.url).query,

controller = querystring.parse(str).c,

classObj = '';

try { // 應用try catch 來require 一個模塊，并捕獲其異常

classObj = require('./' + module);

}

catch (err) { // 異常錯誤時，打印錯誤信息

console.log('chdir: ' + err);

}

if(classObj){ // require 成功時，則應用call 方法，實現類中的方法調用執行

classObj.init(res, req);

classObj[controller].call();

} else { // 調用不存在的模塊時，則默認返回404 錯誤信息

res.writeHead(404, { 'Content-Type': 'text/plain' });

res.end('can not find source');

}

}).listen(1337);

第3 章 Node.js 的Web 應用

·83·

[代碼說明]

var pathname = url.parse(req.url).pathname：獲取客戶端的HTTP 請求路徑，也就是

請求模塊；

controller = querystring.parse(str).c：獲取請求參數c，也就是請求模塊的方法；

classObj = require('./' + module)：使用try catch 獲取一個require 模塊；