日本免费精品视频,男人的天堂在线免费视频,成人久久久精品乱码一区二区三区,高清成人爽a毛片免费网站

第3 章 Node.js 的Web 應用

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

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

如何與Nginx 搭檔。

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

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

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

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

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

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

技術統(tǒng)計：需在線實時記錄運動員數(shù)據(jù)。

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

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

3.1 HTTP 服務器

本節(jié)將介紹如何應用Node.js 創(chuàng)建一個HTTP 服務器來處理客戶端的POST 和GET 數(shù)

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

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

3.1.1 簡單的HTTP 服務器

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

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

var http = require('http');

/ 應用Node.js 的原生模塊HTTP 來實現(xiàn)Web 服務器創(chuàng)建 /

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 事件函數(shù)，該事件函數(shù)有兩個參數(shù)request 和

Node.js 開發(fā)實戰(zhàn)詳解

·78 ·

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

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

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

包括HTTP 的header 處理、HTTP 請求返回碼、響應請求數(shù)據(jù)等。

http.createServer()調用返回的是一個server 對象，server 對象擁有l(wèi)isten 和close 方法，

listen 方法可以指定監(jiān)聽的IP 和端口。

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

據(jù)請求資源做不同的輸出。

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

當請求'/img'，返回200，并且返回一個圖片數(shù)據(jù)。

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

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

/ http.js /

var http = require('http'),

fs = require('fs'),

url = require('url');

/ 創(chuàng)建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);

/ 根據(jù)pathname，路由調用不同處理邏輯 /

switch(pathname){

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

break;

case '/img' : resImage(res); // 響應圖片數(shù)據(jù)到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)：判斷請求參數(shù)是否為/index，如果是就執(zhí)行resIndex(res)。

resImage(res)：判斷請求參數(shù)是否為/img，如果是就執(zhí)行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 參數(shù)傳遞到處理返回函數(shù)，如果需要執(zhí)行HTTP 響應請求時，也必須將

req 傳遞到處理函數(shù)。代碼如下：

/

@desc 創(chuàng)建resIndex 響應首頁html 函數(shù)

@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 創(chuàng)建resImage 響應image 函數(shù)

@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 創(chuàng)建resDefault 響應404 函數(shù)

@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'。

執(zhí)行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 開發(fā)實戰(zhàn)詳解

·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，是大多數(shù)瀏覽器自我發(fā)出的請求，如果需要去除這個請求，可以設置返

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

第3 章 Node.js 的Web 應用

·81·

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

3.1.2 路由處理

了解Node.js 服務器創(chuàng)建功能實現(xiàn)后，接下來介紹根據(jù)不同客戶端的請求資源路徑，

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

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

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

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

1.特定規(guī)則請求路徑

特定規(guī)則請求參數(shù)：可以根據(jù)用戶請求的url，依據(jù)特定的規(guī)則得到相應的執(zhí)行函數(shù)，

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

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

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

var param = pathname.substr(2),

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

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

// 根據(jù)pathname 獲取其需要執(zhí)行的函數(shù)名

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()：將參數(shù)的首字母改為大寫，例如

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

Node.js 開發(fā)實戰(zhàn)詳解

·82 ·

functionName = 'res' + firstParam + param：獲取需要執(zhí)行的函數(shù)名，res 為前綴，

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

為resIndex；

pathname == '/'：無參數(shù)時返回default 頁面；

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

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

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

法獲取該res 和req 對象參數(shù)。

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

對于小項目而言可以實現(xiàn)這種路由處理。

2.利用附帶參數(shù)來實現(xiàn)路由處理

利用自帶參數(shù)來實現(xiàn)路由處理：url 路徑指定需要執(zhí)行的模塊，通過在HTTP 的url 中

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

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

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

/ 首先require 加載兩個模塊 /

var http = require('http'),

url = require('url'),

querystring = require("querystring");

/

@desc 創(chuàng)建web 服務器

/

http.createServer(function(req, res) {

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

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

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

return;

}

/ 根據(jù)用戶請求的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 方法，實現(xiàn)類中的方法調用執(zhí)行

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：獲取請求參數(shù)c，也就是請求模塊的方法；

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