Node.js Web开发(二)认识Express(上)
2012-10-29 17:00 Henry Cui 阅读(6037) 评论(11) 编辑 收藏 举报实现试图母版
在上篇的Post中,最后虽然采用Ejs的试图引擎成功了,但是发现没有按照我们预想的实现使用母版功能,首选我们先把上次遗留的问题给实现了。
这里我使用Express的partials来实现,在3.0之前的版本中,partials包含在Express中,现在单独出来了,需要我们安装后来使用:
npm install express-partials
安装完成后,在Express配置中指定使用partials:
app.configure(function () { app.set('port', process.env.PORT || 3000); app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.use(express.favicon()); app.use(partials()); app.use(express.logger('dev')); app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(app.router); app.use(express.static(path.join(__dirname, 'public'))); });
启动后我们看到生成的前台源码:
下面我们会详细讲解Express use的作用。
Express的配置
在之前的例子中我们一直看到了configure方法,configure方法用于指定express的环境的配置。在Express中支持多工作环境,有我们比较常见的环境如“开发环境”(development)、“生产环境”(producation)。在我们定义全局的环境时,直接使用configure(function)的方式,如指定特定的环境时的配置需要configure(key,function)中的环境值,下面我们写段例子来演示各种配置:
app.configure('production', function () { }); app.configure('development', function(){ app.use(express.errorHandler({dumpExceptions:true})); });
这里我配置了在开发环境时,遇到异常直接抛出来,对于生产环境没有使用异常处理的机制。
我们修改下index.ejs让其出错:
<h1><%=title%></h1> <p>Welcome to <%=name%></p>
同事我们需要设置下环境为生产环境:
app.set('env', 'production');
启动后我们发现:
当我们设置为开发环境时:
我们就可以在页面上看到抛出的错误。这里只是通过这个演示来看下configure的作用,一般在生产情况下对于出错会进行其他的处理,如跳转到统一出错的界面,并进行日志记录。
Express的设置及中间件
在上面我们可以看到在配置是我们设置了express常用的一些设置,这里简单说明下:
app.set('port', process.env.PORT || 3000); app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.set('env', 'development');
port:端口设置,这里使用的是环境的端口,或则3000端口;
view:试图存放的目录;
view engine:试图模板引擎;
env:环境;
另外我们还可以通过设置view options来设置全局视图的选项。
我们看下中间件的使用,在上面的例子我们已经使用了好几个中间件,通常的时候我们可以再configure中使用app.use来使用中间件。
app.use(express.favicon()); app.use(partials()); app.use(express.logger('dev')); app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(app.router); app.use(express.static(path.join(__dirname, 'public')));
这里我们修改下使用的日志件,能让其将日志写入到文件中去。首先引用fs:
var fs = require('fs'); var accessLogFile = fs.createWriteStream('access.log', { flags: 'a' });
使用logger:
app.use(express.logger({stream:accessLogFile}));
浏览后我们发现已经将访问信息写入到日志中了:
总结
本篇中我们主要了解了Express的配置以及中间件的功能,了解了Express最基础的一些东西。本篇讲解的内容比较少,下篇中将会讲解Express中MVC的实现。