DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 輕松創建nodejs服務器(5):事件處理程序
輕松創建nodejs服務器(5):事件處理程序
編輯:關於JavaScript     

為了對不同請做出不同的反饋,我們引入一個事件處理器的模塊。

該模塊命名為 requestHandlers,我們先添加start() 和 upload()兩個占位函數。

requestHandlers.js 代碼如下:

代碼如下:
function start() {
    console.log("訪問/star時調用這個。");
}
 
function upload() {
    console.log("訪問/upload時調用這個。");
}
 
exports.start = start;
exports.upload = upload;

在真實的應用中,請求處理程序的數量會不斷增加,我們當然不想每次有一個新的URL或請求處理程序時,都要為了在路由裡完成請求

到處理程序的映射而反復折騰。

除此之外,我們也不想在在路由裡有一大堆if request == x then call handler y,這樣會讓代碼看起來 很雜亂、很不專業的感覺。

這裡我將使用關聯數組的概念來處理這個需求,我們將一系列請求處理程序通過一個對象來傳遞,並且需要使用松耦合的方式將這個對象注入到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);

比如我想加一個/show的映射,直接添加一句 handle["/show"] requestHandlers.show;就可以了;

哈哈,這樣一來代碼是不是簡潔有秩序多了?!

接下來我們將handle對象傳給服務器,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;

對應地修改route.js文件中修改route()函數:

代碼如下:
function route(handle, pathname) {
 console.log("About to route a request for " + pathname);
 if (typeof handle[pathname] === 'function') {
  handle[pathname]();
 } else {
  console.log("No request handler found for " + pathname);
 }
}
exports.route = route;

我們將handle對象作為參數傳給服務器,再由路由接收,最後由路由來判斷當前路徑對應的請求處理程序存在否,存在的話就調用對應的函數。

我們可以用從關聯數組中獲取元素一樣的方式從傳遞的對象中獲取請求處理函數,因此就有了簡潔流暢的形如handle[pathname]();的表達式,這個感覺就像在前方中提到的那樣:“嗨,請幫我處理了這個路徑”。

這樣一來,我們就可以根據不同請求作出不同的處理了。

下一節我們將進一步改造代碼,讓服務器作出一些實際的反饋操作。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved