Node路由簡單的處理

看過node很多例子，都是將路由直接放到入口文件中處理，使得文件顯得很大很亂，特別是當一個項目變大，有上百甚至上千的路由，那該怎么辦？

最近在想如何將一個個的路由放到一個單獨的模塊中處理，比如'/users'對於users模塊。根據構想，寫了個簡單的實現，當然還有很多問題沒有考慮到，后面再補充。

目錄結構：

　　項目目錄

　　　　|-- routers

　　　　　　|-- about.js

　　　　　　|-- contact.js

　　　　　　|-- index.js

　　　　|-- router.js

　　　　|-- server.js

 

入口文件：server.js - 創建服務，調用router模塊的addRoute方法添加路由。

var http = require('http');
var router = require('./router');

router.addRoute('/', require('./routers/index'));
router.addRoute('/about', require('./routers/about'));
router.addRoute('/contact', require('./routers/contact'));

function onListened(){
    console.log('Node server starts at 3000.');
}

function onConnected(request, response){
    router.handleRoute(request.url, request, response);
}

var server = http.createServer(onConnected);
server.listen(3000, onListened);

4-6行：其實還可以寫到router.js中，可以router模塊初始化是添加這些路由。這樣server.js就又變得干凈很多。

 

router.js - 添加路由，調用路由處理函數

var uuid = require('node-uuid');
var http = require('http');

function RouterData(route,handler){
    this.route = route||'';
    this.handler = handler||{};
    this.id = uuid.v4();
}

function Router(){

    var routers = [];
    var me = this;
    
    this.addRoute = function(route, handler){
        if(!route||!handler) return;
        var routeData = new RouterData(route, handler);
        routers.push(routeData);
    };
    
    this.handleRoute = function(route, req, res){
        var handler = getRouteHandlerByRoute(route);
        if(!handler){
            handle_404(route, req, res);
            return;
        }
        handler.exec(route, req, res);
    };


    function getRouteHandlerByRoute(route){
        var n = routers.length;
        var handler = null;
        for (var i = n - 1; i >= 0; i--) {
            if(routers[i].route === route){
                handler = routers[i].handler;
                break;
            }
        }
        return handler;
    }

    function handle_404(route, req, res){
        res.writeHeader(404, {
            'Content-Type': 'text/plain'
        });
        res.end(route+' '+http.STATUS_CODES['404']);
    }

}
module.exports = new Router();

為了簡單處理，addRoute方法只是簡單的添加了路由，沒有考慮到相同的情況，且在getRouteHandlerByRoute函數中的查找路由處理函數的前提是沒有相同的路由，否則得用路由uid來查找。

 

about.js, contact.js, index.js - 實際要處理路由的地方。

function About(){
    this.exec = function(route, req, res){
        res.statusCode = 200;
        res.setHeader('Content-Type', 'text/html');
        res.end('This is </b>About Me</b>');
    }
}


module.exports = new About();

function Contact(){
    this.exec = function(route, req, res){
        res.statusCode = 200;
        res.setHeader('Content-Type', 'text/html');
        res.end('This is </b>Contact Page</b>');
    }
}


module.exports = new Contact();

function Index(){
    this.exec = function(route, req, res){
        res.statusCode = 200;
        res.setHeader('Content-Type', 'text/html');
        res.end('This is </b><strong>Home Page</strong></b>');
    }
}


module.exports = new Index();

在這些模塊中都實現了一個exec的方法，用於處理路由。如果更靈活處理，應該可以寫一個路由處理的基類，然后再子類繼承分別處理。