如何來(lái)進(jìn)行請(qǐng)求的“路由”

2018-02-24 15:25 更新

我們要為路由提供請(qǐng)求的URL和其他需要的GET及POST參數(shù),隨后路由需要根據(jù)這些數(shù)據(jù)來(lái)執(zhí)行相應(yīng)的代碼(這里“代碼”對(duì)應(yīng)整個(gè)應(yīng)用的第三部分:一系列在接收到請(qǐng)求時(shí)真正工作的處理程序)。

因此,我們需要查看HTTP請(qǐng)求,從中提取出請(qǐng)求的URL以及GET/POST參數(shù)。這一功能應(yīng)當(dāng)屬于路由還是服務(wù)器(甚至作為一個(gè)模塊自身的功能)確實(shí)值得探討,但這里暫定其為我們的HTTP服務(wù)器的功能。

我們需要的所有數(shù)據(jù)都會(huì)包含在request對(duì)象中,該對(duì)象作為_onRequest()_回調(diào)函數(shù)的第一個(gè)參數(shù)傳遞。但是為了解析這些數(shù)據(jù),我們需要額外的Node.JS模塊,它們分別是_url_和_querystring_模塊。

                               url.parse(string).query
                                           |
           url.parse(string).pathname      |
                       |                   |
                       |                   |
                     ------ -------------------
http://localhost:8888/start?foo=bar&hello=world
                                ---       -----
                                 |          |
                                 |          |
              querystring(string)["foo"]    |
                                            |
                         querystring(string)["hello"]

當(dāng)然我們也可以用_querystring_模塊來(lái)解析POST請(qǐng)求體中的參數(shù),稍后會(huì)有演示。

現(xiàn)在我們來(lái)給_onRequest()_函數(shù)加上一些邏輯,用來(lái)找出瀏覽器請(qǐng)求的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;

好了,我們的應(yīng)用現(xiàn)在可以通過(guò)請(qǐng)求的URL路徑來(lái)區(qū)別不同請(qǐng)求了--這使我們得以使用路由(還未完成)來(lái)將請(qǐng)求以URL路徑為基準(zhǔn)映射到處理程序上。

在我們所要構(gòu)建的應(yīng)用中,這意味著來(lái)自_/start/upload_的請(qǐng)求可以使用不同的代碼來(lái)處理。稍后我們將看到這些內(nèi)容是如何整合到一起的。

現(xiàn)在我們可以來(lái)編寫路由了,建立一個(gè)名為_router.js_的文件,添加以下內(nèi)容:

function route(pathname)  {
? console.log("About to route a request for "  + pathname);
}

exports.route = route;

如你所見(jiàn),這段代碼什么也沒(méi)干,不過(guò)對(duì)于現(xiàn)在來(lái)說(shuō)這是應(yīng)該的。在添加更多的邏輯以前,我們先來(lái)看看如何把路由和服務(wù)器整合起來(lái)。

我們的服務(wù)器應(yīng)當(dāng)知道路由的存在并加以有效利用。我們當(dāng)然可以通過(guò)硬編碼的方式將這一依賴項(xiàng)綁定到服務(wù)器上,但是其它語(yǔ)言的編程經(jīng)驗(yàn)告訴我們這會(huì)是一件非常痛苦的事,因此我們將使用依賴注入的方式較松散地添加路由模塊(你可以讀讀Martin Fowlers關(guān)于依賴注入的大作來(lái)作為背景知識(shí))。

首先,我們來(lái)擴(kuò)展一下服務(wù)器的_start()_函數(shù),以便將路由函數(shù)作為參數(shù)傳遞過(guò)去:

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;

同時(shí),我們會(huì)相應(yīng)擴(kuò)展index.js,使得路由函數(shù)可以被注入到服務(wù)器中:

var server = require("./server");
var router = require("./router");

server.start(router.route);

在這里,我們傳遞的函數(shù)依舊什么也沒(méi)做。

如果現(xiàn)在啟動(dòng)應(yīng)用(node index.js,始終記得這個(gè)命令行),隨后請(qǐng)求一個(gè)URL,你將會(huì)看到應(yīng)用輸出相應(yīng)的信息,這表明我們的HTTP服務(wù)器已經(jīng)在使用路由模塊了,并會(huì)將請(qǐng)求的路徑傳遞給路由:

bash$ node index.js
Request for /foo received.
About to route a request for /foo

(以上輸出已經(jīng)去掉了比較煩人的/favicon.ico請(qǐng)求相關(guān)的部分)。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)