第五天——范式路由之泛式路由实现

泛式路由实现

我们把pathRegexp函数作为一个模块保存到 lib/pathRegexp.js 文件中，并给代码加入出口代码 module.exports ，下面是完整的pathRegexp.js代码：

module.exports = pathRegexp;
function pathRegexp (path){
    path = path.replace(/\?(.*)$/,"")

                // 这一步是把所有 * 替换成正则表达式(.*)
               .replace(/((\*{1}(?=\/))|(\*{1}(?=$)))/g,"(.*)")

               // 这一步是把所有 :xxx 替换成正则表达式(.*)
               .replace(/(:(.*?(?=\/)))|(:(.*?(?=$)))/g,"(.*)")

               // 这一步是把所有 / 路径变为匹配正则表达式的 \/ 的形式
               .replace(/\//g,"\\\/")

    //这一步，通过生成正则表达式  ，前后的 ^ 和 & 顾名思义，要严格匹配整个路径。  
    return new RegExp("^"+path+"$");
}

pathRegexp模块定义好后，App.js就可以通过require("./pathRegexp")得到模块对象。

上节我们把app.get和app.post方法进行了修改，但那样还不够，因为我们不能直接保存没处理过的route路由，而应该通过pathRegexp模块进行处理，把路由转换成正则表达式的方式，然后再保存。所以还需要对app.get和app.post方法进一步修改。修改后的代码如下：

App.prototype.get = function(route,handle){
    this._route_get_handles.push({route:pathRegexp(route),handle:handle})
}

App.prototype.post = function(route,handle){
    this._route_post_handles.push({route:pathRegexp(route),handle:handle})
}

做好这些后，还需要对App.js的部分代码进行修改， this._route_post_handles = {} 和 this._route_get_handles = {} 修改成 this._route_post_handles = [] 和 this._route_get_handles = [] 。

加入url转换为path，这里使用了node.js的核心模块url，url.parse方法可以把一个url转换为JSON对象，这个JSON对象的pathname属性是一个去掉?xx=xx的url字符串。

// 把 /abc?age=12 转为 /abc
var path = url.parse(req.url).pathname;

加入一个findHandle函数用于，用于在  this._route_post_handles = [] 和 this._route_get_handles = [] 里找到客户端request.url 符合的路由处理函数。

另外，在stuwebfk0.0.3版本中，并没有处理找不到资源的情况，所以加入以下代码。

res.statusCode = 404;
res.end();

下一节，列出App.js 修改后的全部代码，值得注意的是，注释后面加入“ //最新修改 ”字样，表示是今天更新过的最新代码。