1. 程式人生 > 其它 >讀Node入門有感——>【2】構建基礎的HTTP伺服器

讀Node入門有感——>【2】構建基礎的HTTP伺服器

如何來進行請求的“路由”

我們要為路由提供請求的 URL和其他需要的GET及POST引數,隨後路由需要根據這些資料來執行相應的程式碼(這裡“程式碼”對應整個應用的第三部分:一系列在接收到請求時真正工作的處理程式)。
因此,我們需要檢視HTTP請求,從中提取出請求的URL以及GET/POST引數。這一功能應當屬於路由還是伺服器(甚至作為一個模組自身的功能)確實值得探討,但這裡暫定其為我們的HTTP伺服器的功能。

我們需要的所有資料都會包含在request物件中,該物件作為onRequest()回撥函式的第一個引數傳遞。但是為了解析這些資料,我們需要額外的Node.JS模組,它們分別是url和querystring模組。

當然我們也可以用querystring模組來解析POST請求頭中的引數。
現在我們來給onRequest()函式加上一些邏輯,用來找出瀏覽器請求的URL路徑:
var http = require("http");
var url = require("url");
function start(){
function onRequest(request,response){
var pathname = url.parse(request.url).pathname;
console.log("Request for"+pathname+"received");
response.writeHead(200,{"Content-Type":"text/plain"});
response.write("Hello World");
response.end();
}
http.createServer(onRequest).listen(8888);
console.log("Server has started");
}
exports.start = start;
我們的應用現在可以通過請求的URL路徑來區分不同請求了--這使得我們得以使用路由(還未完成)來將請求以URL路徑為基準對映到處理程式上。
在我們要構建的應用中,這意味著來自/start和/upload的請求可以使用不同的程式碼來處理。稍後我們將看到這些內容是如何整合到一起的。
現在我們可以來編寫路由了,建立一個名為router.js的檔案,新增以下內容:
function route(pathname){
console.log("About to route a request for" + pathname);
}
exports.route = route;
如你所見,這段程式碼什麼也沒幹,不過對於現在來說這是應該的。在新增更多的邏輯之前,我們先來看看如何把路由和伺服器整合起來。
我們的伺服器應當知道路由的存在並加以有效利用。我們當然可以通過硬編碼的方式將這一依賴項繫結到伺服器上,但是其他語言的編碼經驗告訴我們這將會是一件非常痛苦的事,因此我們將使用依賴注入的方式較鬆散地新增路由模組。
首先,我們來擴充套件以下伺服器的start()函式,以便將路由函式作為引數傳遞過去:
var http = require("http");
var url = require("url");
function start(route){
function onRequest(request,response){
var pathname = url.parse(request.url).pathname;
console.log("Request for"+pathname+"received");
route(pathname);
response.writeHead(200,{"Content-Type":"text/plain"});
response.write("Hello World");
response.end();
}
http.createServer(onRequest).listen(8888);
console.log("Server has started");
}
exports.start = start;
同時,我們會相應擴充套件index.js,使得路由函式可以被注入到伺服器中:
var server = require("./server");
var router = require("./router");
server.start(router.route);
在這裡,我們傳遞的函式依舊什麼也沒做。
如果現在啟動應用(node index.js,始終記得這個命令列),隨後請求一個URL,你將會看到應用輸出相應的資訊,這表明我們的HTTP伺服器已經在使用路由模組了,並會將請求的路徑傳遞給路由:

路由給真正的請求處理程式

現在我們的HTTP伺服器和請求路由模組已經如我們的期望,可以相互交流了。
在現在的是線下,路由過程會在路由模組中“結束”,並且路由模組並不是真正針對請求“採取行動”的模組,否則當我們的應用程式變得更為複雜時,將無法很好地擴充套件。
我們暫時把作為路由目標的函式稱為請求處理程式。現在我們不要急著來開發路由模組,因為如果請求處理程式沒有就緒的話,再怎麼完善路由模組也沒有多大意義。
應用程式需要新的部件,因此加入新的模組--已經無需為此感到新奇了。
建立一個requestHandlers的模組,並對於每一個請求處理程式,新增一個佔位用函式,隨後將這些函式作為模組的方法匯出:
function start(){
console.log("Request handler 'start' was called");
}
function upload(){
console.log("Request handler 'upload' was called")
}
exports.start = start;
exports.upload = upload;
這樣我們就可以把請求處理程式和路由模組連線起來,讓路由“有路可尋”。
現在我們已經確定將這一系列請求處理程式通過一個物件來傳遞,並且需要使用鬆耦合的方式將這個物件注入到route()函式中。


我們先將這個物件引入到主檔案index.js中:
var server = require("./server");
var router = require("./router");
var requestHandlers = require("./requestHandlers");

var handle = {}
handle["/"] = requestHandlers.start;
handle["/start"] = requestHandlers.start;
handle["/upload"] = requestHandlers.upload;
server.start(router.route,handle);

雖然handle並不僅僅是一個“東西”(一些請求處理程式的集合),我還是建議以一個動詞作為其命名,這樣可以讓我們在路由中使用更流暢的表示式,稍後會有說明。
正如所見,將不同的URL對映到相同的請求處理程式上是很容易:只要在物件中新增一個鍵為“/”的屬性,對應requestHandlers.start即可,這樣我們就可以乾淨簡潔地配置/start和/的請求都交由start這一處理程式處理。
在完成了物件的定義後,我們把它作為額外的引數傳遞給伺服器,為此將server.js修改如下:
var http = require("http");
var url = require("url");
function start(route,handle){
function onRequest(request,response){
var pathname = url.parse(request.url).pathname;
console.log("Request for"+pathname+"received");
route(handle,pathname);
response.writeHead(200,{"Content-Type":"text/plain"});
response.write("Hello World");
response.end();
}
http.createServer(onRequest).listen(8888);
console.log("Server has started");
}
exports.start = start;
這樣我們就在start()函式裡添加了handle引數,並且把handle物件作為第一個引數傳遞給了route()回撥函式。
然後我們相應地在route.js檔案中修改route()函式:
function route(handle,pathname){
console.log("About to route a request for"+pathname);
if(typeof handle[pathname]==='function'){
handlepathname;
}else{
console.log("No request handler found for" + pathname);
}
}
exports.route = route;
通過以上程式碼,我們首先檢查給定的路勁對應的請求處理程式是否存在,如果存在的話直接呼叫相應的函式。我們可以用從關聯陣列中獲取元素應用的方式從傳遞物件中獲取請求處理函式,因此就有了簡潔流暢的形如handlepathname;的表示式。
有了這些,我們就把伺服器、路由和請求處理程式在一起了。現在我們啟動應用程式並在瀏覽器中訪問http://localhost:8888/start,以下日誌可以說明系統呼叫了正確的請求處理程式:

並且在瀏覽器中開啟http://localhost:8888/可以看到這個請求同樣被start請求處理程式處理了: