用node.js建博客(四)express中的404处理

在上一篇中&＃xff0c;我已经实现了如下管理功能&＃xff0c;

注意:

本片内容不太适合Express3.x, 建议参考附件中的 nodeblog_express3.x.zip Demo来看

本片介绍如何使用express为nodeblog带来404错误处理

实现功能

1. 访问的链接存在的时候&＃xff0c;显示页面
2. 不存在&＃xff0c;则显示404页面, 当然&＃xff0c;这里的404是统一处理

技术准备:(2个)

1. Node.js中path模块的使用:

path模块提供一些处理文件路径的功能&＃xff0c;采用require(&＃39;path&＃39;)来使用。这里我只使用到两个方法:

1). path.normalize(strPath)

将路径标准化, 如&＃39;/etc//hosts&＃39;, 会被标准化成&＃39;/etc/hosts&＃39;

&＃39;/&＃39; 分隔符&＃xff0c;如果在windows环境中会转换成&＃39;\&＃39;

2). path.exists(filePath, function(exists))

判断路径是否存在&＃xff0c;true: 存在, false: 不存在&＃xff0c;该方法还有个同步版: path.existsSync(filePath):boolean

2. Express中的路由控制:

1). 什么是路由?

例如下面代码可以截获 &＃39;/users/:id&＃39; url, 其中id是url参数 (REST-ful url! You are right!)

app.get(&＃39;/users/:id&＃39;, function (req, res, next) {res.send(&＃39;id:&＃39; &＃43; req.params.id)res.end();
}) 

用 curl 看一下效果:

  2). 使用next做路由控制:

当一个url可以被多个路由匹配&＃xff0c;则在response关闭前&＃xff0c;调用next()进行路由跳转

app.get(&＃39;/users/:id&＃39;, function (req, res, next) {console.log(&＃39;id: &＃39; &＃43; req.params.id);next();
})app.get(&＃39;/users/*&＃39;, function (req, res, next) {console.log(&＃39;list all user&＃39;);res.send(&＃39;list all users \n&＃39;);
})

  调用next()做路由跳转, 跳转规则按照app.get声明顺序执行。

开始为nodeblog添加404处理:(4步)

1. 调整app.js中的express配置

提高对　public/*　资源路由的优先级:

var express &＃61; require(&＃39;express&＃39;);var app &＃61; module.exports &＃61; express.createServer();// Configurationapp.configure(function(){app.set(&＃39;views&＃39;, __dirname &＃43; &＃39;/views&＃39;);app.set(&＃39;view engine&＃39;, &＃39;jade&＃39;);app.use(express.bodyParser());app.use(express.methodOverride());// 将public提前app.use(express.static(__dirname &＃43; &＃39;/public&＃39;));app.use(app.router);// 以前在这里// app.use(express.static(__dirname &＃43; &＃39;/public&＃39;));
});

2. 修改对 &＃39;/blogs/:title.html&＃39; 的路由代码&＃xff0c;

添加对文件是否存在的判断&＃xff0c;这里需要先引入path模块: var path &＃61; require(&＃39;path&＃39;);

app.get(&＃39;/blogs/:title.html&＃39;, function(req, res, next) {var urlPath &＃61; [&＃39;blogs/&＃39;,req.params.title, &＃39;.md&＃39;].join(&＃39;&＃39;);var filePath &＃61; path.normalize(&＃39;./&＃39; &＃43; urlPath);path.exists(filePath, function (exists) {if(!exists) {next();} else {res.render(urlPath, {layout: false});}});})

3. 添加404的处理:

app.get(&＃39;*&＃39;, function(req, res) {console.log(&＃39;404 handler..&＃39;)res.render(&＃39;404&＃39;, {status: 404,title: &＃39;NodeBlog&＃39;,});
})

   由于 &＃39;*&＃39; 也可以匹配　&＃39;/blogs/:title.html&＃39;, 所以在 2 步骤中的next, 会将处理路由到这里。

4. 在views/ 下添加　404.jade 页面:

h1&＃61; titleimg(src&＃61;"/images/404.jpg")

5. app.js全部代码

require.paths.unshift(&＃39;./mode_modules&＃39;);
var express &＃61; require(&＃39;express&＃39;);
var markdown &＃61; require(&＃39;markdown-js&＃39;);
var path &＃61; require(&＃39;path&＃39;);var app &＃61; module.exports &＃61; express.createServer();// Configurationapp.configure(function(){app.set(&＃39;views&＃39;, __dirname &＃43; &＃39;/views&＃39;);app.set(&＃39;view engine&＃39;, &＃39;jade&＃39;);// pase form data to key-value paireapp.use(express.bodyParser());// support put and delete HTTP Standar Methodapp.use(express.methodOverride());app.use(express.static(__dirname &＃43; &＃39;/public&＃39;));app.use(app.router);
});app.configure(&＃39;development&＃39;, function(){app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});app.configure(&＃39;production&＃39;, function(){app.use(express.errorHandler());
});app.register(&＃39;.md&＃39;, {compile: function(str, options) {var html &＃61; markdown.makeHtml(str);return function(locals){return html.replace(/\{([^}]&＃43;)\}/g, function(_, name){return locals[name];});};}
});var config &＃61; {title: &＃39;NodeBlog&＃39;,author: &＃39;lvjian&＃39;
}// Routesapp.get(&＃39;/&＃39;, function(req, res){res.render(&＃39;index&＃39;, {title: config.title &＃43; &＃39; - &＃39; &＃43; config.author});
});app.get(&＃39;/markdown&＃39;, function(req, res) {res.render(&＃39;index.md&＃39;, {layout: false});
})app.get(&＃39;/blogs/:title.html&＃39;, function(req, res, next) {var urlPath &＃61; [&＃39;blogs/&＃39;,req.params.title, &＃39;.md&＃39;].join(&＃39;&＃39;);var filePath &＃61; path.normalize(&＃39;./&＃39; &＃43; urlPath);path.exists(filePath, function (exists) {if(!exists) {next();} else {res.render(urlPath, {layout: false});}});})app.get(&＃39;*&＃39;, function(req, res) {console.log(&＃39;404 handler..&＃39;)res.render(&＃39;404&＃39;, {status: 404,title: &＃39;NodeBlog&＃39;,});
})app.listen(process.env.VMC_APP_PORT || 3000);
console.log("Express server listening on port %d in %s mode", app.address().port, app.settings.env);

参考资料:

• CNodeJS提供的Path API说明(中文)
• Express中文手册
• &＃xff3b;实践经验&＃xff0b;代码&＃xff3d;用node.js和express.js和jade搭建轻型cms系统

What next??

为程序引入单元测试&＃xff0c;摆脱修改&＃43;刷新的工作方式.