怎么设置expressscope engine3不用view engine

Nodejs Express4.x开发框架随手笔记
字体:[ ] 类型:转载 时间:
Express: ?web application framework for?Node.js?Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用,本篇文章给大家介绍nodejs express4.x开发框架随手笔记,感兴趣的朋友一起学习吧
Express: ?web application framework for?Node.js?Express 是一个简洁、灵活的 node.js Web 应用开发框架, 它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
此文重点介绍Express4.x(具体是4.10.4)的开发框架,其中还会涉及到Mongoose,Ejs,Bootstrap等相关内容。
Express4.x配置文件
Ejs模板使用
Bootstrap界面框架
Session使用
页面访问控制
开发环境:
MonogoDB: v2.6.4
nodejs:v0.11.2
npm 2.1.10 ( 如果nodejs安装的时候是1.2.19版本,本文升级到了2.x版本)
1. 建立工程
进入工程目录
mkdir workplace
cd workplace
全局安装express,express作为命令被安装到了系统中.
npm install -g express
查看express版本
express -V
注意:在express4.x版本中已经不含有express命令了。
需要安装 express-generator
npm install express-generator -g
详细安装过程见:《准备Nodejs开发环境Ubuntu》
使用express命令创建工程,并支持ejs
express -e nodejs-demo
create : nodejs-demo (项目名)
create : nodejs-demo/package.json (项目包的信息)
create : nodejs-demo/app.js (主程序)
create : nodejs-demo/public (公开目录)
create : nodejs-demo/public/images
create : nodejs-demo/public/javascripts
create : nodejs-demo/public/stylesheets
create : nodejs-demo/public/stylesheets/style.css
create : nodejs-demo/routes (路由目录,以后在这个目录下开发程序,然后在app.js里use)
create : nodejs-demo/routes/index.js
create : nodejs-demo/routes/users.js
create : nodejs-demo/views (视图目录,视图模板文件等)
create : nodejs-demo/views/index.ejs
create : nodejs-demo/views/error.ejs
create : nodejs-demo/bin
create : nodejs-demo/bin/www (启动文件,用于启动app.js)
install dependencies:
$ cd nodejs-demo && npm install
run the app:
$ DEBUG=nodejs-demo ./bin/www
项目创建成功。
根据上述提示安装依赖:
cd nodejs-demo && npm install
根据提示启动web:
&$ DEBUG=nodejs-demo ./bin/www
不过我们这里不打算使用该方法启动程序。原因是我们在开发过程中需要使用nodemon这么一个工具。
nodemon用于动态识别开发过程中项目的改变,然后动态加载(这是Eclipse种开发java web类似)。该工具是开发web的必备啊
安装nodemon:
npm install nodemon -g
那么为什么我们上面不使用./bin/www脚本呢?
原因是nodemon ./bin/www 这样是没有办法识别项目的改动。(我个人实验的,如有知道的大牛,望赐教)
修改app.js:
把最有一行//module.exports =注释掉
换成:app.listen(3000);
使用下面命令启动app.js主程序:
nodemon app.js
然后修改程序,看看是否会动态加载。会有下面提示:
1 Dec 16:22:07 – [nodemon] restarting due to changes…
1 Dec 16:22:07 – [nodemon] starting `node app.js`
表示生效。
本地的3000端口被打开,通过浏览器访问: localhost:3000
2. 目录结构
drwxrwxr-x 5 hadoop hadoop 4096 12月 1 15:57 ../
-rw-rw-r– 1 hadoop hadoop 1495 12月 1 16:22 app.js
-rw-r–r– 1 hadoop hadoop 12288 12月 1 16:22 .app.js.swp
drwxr-xr-x 2 hadoop hadoop 4096 12月 1 15:57 bin/
drwxrwxr-x 9 hadoop hadoop 4096 12月 1 15:58 node_modules/
-rw-rw-r– 1 hadoop hadoop 326 12月 1 15:57 package.json
drwxr-xr-x 5 hadoop hadoop 4096 12月 1 15:57 public/
drwxr-xr-x 2 hadoop hadoop 4096 12月 1 15:57 routes/
drwxr-xr-x 2 hadoop hadoop 4096 12月 1 15:57 views/
目录介绍:
node_modules, 存放所有的项目依赖库。(每个项目管理自己的依赖,与Maven,Gradle等不同)
package.json,项目依赖配置及开发者信息
app.js,程序主入口
public,静态文件(css,js,img)
routes,路由文件(MVC中的C,controller)
Views,页面文件(Ejs模板)
nodejs-demo/bin/www (启动文件,用于启动app.js)
打开app.js查看内容:
* 模块依赖
var express = require('express')
, routes = require('./routes')
, user = require('./routes/user')
, http = require('http')
, path = require('path');
var app = express();
//环境变量
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
app.use(express.favicon());
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')));
// 开发模式
if ('development' == app.get('env')) {
app.use(express.errorHandler());
// 路径解析
app.get('/', routes.index);
app.get('/users', user.list);
// 启动及端口
http.createServer(app).listen(app.get('port'), function(){
console.log('Express server listening on port ' + app.get('port'));
4. Ejs模板使用
让ejs模板文件,使用扩展名为html的文件。
修改:app.js
var ejs = require('ejs'); //引入ejs。重新安装依赖&
app.engine('.html', ejs.__express);
app.set('view engine', 'html');& // app.set('view engine', 'ejs');
重命名:views/*.ejs 为 views/*.html
访问localhost:3000正确
主要要重命名index.ejs等文件
5. 增加Bootstrap界面框架
其实就是把js,css文件复制到项目中对应该的目录里。 包括4个文件:
复制到public/stylesheets目录
bootstrap.min.css
bootstrap-responsive.min.css
复制到public/javascripts目录
bootstrap.min.js
jquery-1.9.1.min.js
接下来,我们把index.html页面切分成3个部分:header.html, index.html, footer.html
header.html, 为html页面的头部区域
index.html, 为内容显示区域
footer.html,为页面底部区域
header.html
&!DOCTYPE html&
&html lang="en"&
&meta charset="utf-8"&
&title&&%=: title %&&/title&
&!-- Bootstrap --&
&link href="/stylesheets/bootstrap.min.css" rel="stylesheet" media="screen"&
&!-- &link href="/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen"& --&
&body screen_capture_injected="true"&
index.html
&% include header.html %&
&h1&&%= title %&&/h1&
&p&Welcome to &%= title %&&/p&
&% include footer.html %&
footer.html
&script src="/javascripts/jquery-1.9.1.min.js"&&/script&
&script src="/javascripts/bootstrap.min.js"&&/script&
访问localhost:3000正确。
我们已经成功的使用了EJS模板的功能,把公共的头部和底部从页面中分离出来了。
并已经引入了bootstrap界面框架。
6. 路由功能
我们设计一下用户登陆业务需求。
访问路径:/,页面:index.html,不需要登陆,可以直接访问。
访问路径:/home,页面:home.html,必须用户登陆后,才可以访问。
访问路径:/login,页面:login.html,登陆页面,用户名密码输入正确,自动跳转到home.html
访问路径:/logout,页面:无,退出登陆后,自动回到index.html页面
打开app.js文件,在增加路由配置
app.get('/',routes.index);
app.route('/login')
.get(routes.login)
post(routes.doLogin);
app.get('/logout',routes.logout);
app.get('/home',routes.home);
注:get为get请求,post为post请求,all为所有针对这个路径的请求
我们打开routes/index.js文件,增加对应的方法。
exports.index=function(req, res) {
res.render('index', { title: 'index' });
exports.login=function(req,res){
res.render('login',{title: '用户登录'});
exports.doLogin=function(req,res){
var user = {
username:"admin",
password:"admin"
if(req.body.username==user.username && req.body.password==user.password){
res.redirect('/home');
res.redirect('/login');
exports.logout = function(req,res){
res.redirect('/');
exports.home = function(req,res){
var user = {
username:'admin',
password:'admin'
res.render('home',{title:'Home',user:user});
创建views/login.html和views/home.html两个文件
login.html
&% include header.html %&
&div class="container-fluid"&
&form class="form-horizontal" method="post"&
&fieldset&
&legend&用户登陆&/legend&
&div class="control-group"&
&label class="control-label" for="username"&用户名&/label&
&div class="controls"&
&input type="text" class="input-xlarge" id="username" name="username"&
&div class="control-group"&
&label class="control-label" for="password"&密码&/label&
&div class="controls"&
&input type="password" class="input-xlarge" id="password" name="password"&
&div class="form-actions"&
&button type="submit" class="btn btn-primary"&登陆&/button&
&/fieldset&
&% include footer.html %&
home.html:
&% include header.html %&
&h1&Welcome &%= user.username %&, 欢迎登陆!!&/h1&
&a claa="btn" href="/logout"&退出&/a&
&% include footer.html %&
修改index.html,增加登陆链接
index.html
&% include header.html %&
&h1&Welcome to &%= title %&&/h1&
&p&&a href="/login"&登陆&/a&&/p&
&% include footer.html %&
路由及页面我们都写好了,快去网站上试试吧。
7. Session使用
从刚来的例子上面看,执行exports.doLogin时,如果用户名和密码正确,我们使用redirect方法跳转到的home
res.redirect('/home');
执行exports.home时,我们又用render渲染页面,并把user对象传给home.html页面
res.render('home', { title: 'Home',user: user});
为什么不能在doLogin时,就把user对象赋值给session,每个页面就不再传值了。
session这个问题,其实是涉及到服务器的底层处理方式。
像Java的web服务器,是多线程调用模型。每用户请求会打开一个线程,每个线程在内容中维护着用户的状态。
像PHP的web服务器,是交行CGI的程序处理,CGI是无状态的,所以一般用cookie在客户的浏览器是维护用户的状态。但cookie在客户端维护的信息是不够的,所以CGI应用要模仿用户session,就需要在服务器端生成一个session文件存储起来,让原本无状态的CGI应用,通过中间文件的方式,达到session的效果。
Nodejs的web服务器,也是CGI的程序无状态的,与PHP不同的地方在于,单线程应用,所有请求都是异步响应,通过callback方式返回数据。如果我们想保存session数据,也是需要找到一个存储,通过文件存储,redis,Mongdb都可以。
接下来,我将演示如何通过mongodb来保存session,并实现登陆后用户对象传递。
app.js文件
在相应位置添加下面代码:
var session = require('express-session');
var connect = require('connect');
var SessionStore = require("session-mongoose")(connect);
var store = new SessionStore({
url:"mongodb://localhost/session",
interval: 120000
app.use(session({
secret: '',
store: store,
cookie:{maxAge:10000} //expire session in 10 seconds
//用于把登录用户设置到res.locals里面,在home.html里显示
app.use(function(req,res,next){
res.locals.user = req.session.
console.log('Session is = ',req.session.user);
需要添加中间件connect、session-mongoose。
其中session-mongoose是用于连接mongodb数据库。然后自动写入session信息到数据库中(也可以用mongoose中间件,但是要自己实现session的写入)
app.use(session(….)) 这里是全局设置了session的信息及session信息存储的方式。
注:app.js文件有顺序要求,一定要注意!!!
安装session-mongoose依赖库
npm install connect
npm install session-mongoose
npm install session-mongoose
安装有错误但是没关系。
访问:,正常
修改routes/index.js文件
exports.doLogin方法
exports.doLogin = function(req, res){
var user={ username:'admin', password:'admin' }
if(req.body.username===user.username && req.body.password===user.password){
req.session.user=
return res.redirect('/home');
return res.redirect('/login');
exports.logout方法
exports.logout = function(req, res){
req.session.user=
res.redirect('/');
exports.home方法
exports.home = function(req, res){
res.render('home', { title: 'Home'});
这个时候session已经起作用了,exports.home的user显示传值已经被去掉了。 是通过app.js中app.use的res.locals变量,通过框架进行的赋值。
app.use(function(req, res, next){
res.locals.user = req.session.
注:这个session是express4.10.4的写法,与express4之前的版本是不一样的。
访问页面可以查看mongodb有没有数据:
nodejs-mongodb
nodejs-mongodb
由于上面配置的 cookie:{maxAge:10000} //expire session in 10 seconds
过期时间,因此你会看到mongodb里面的数据过一段时间就被清除了。
Mongoose:
关于express4.2.0与express3.x操作的区别:
8. 页面提示
登陆的大体我们都已经讲完了,最后看一下登陆失败的情况。
我们希望如果用户登陆时,用户名或者密码出错了,会给用户提示,应该如何去实现。
打开app.js的,增加res.locals.message
登陆的大体我们都已经讲完了,最后看一下登陆失败的情况。
我们希望如果用户登陆时,用户名或者密码出错了,会给用户提示,应该如何去实现。
打开app.js的,增加res.locals.message
app.use(function(req, res, next){
res.locals.user = req.session.
var err = req.session.
delete req.session.
res.locals.message = '';
if (err) res.locals.message = '&div class="alert alert-danger"&' + err + '&/div&';
修改login.html页面,&%- message %&
&% include header.html %&
&div class="container-fluid"&
&form class="form-horizontal" method="post"&
&fieldset&
&legend&用户登陆&/legend&
&%- message %&
&div class="control-group"&
&label class="control-label" for="username"&用户名&/label&
&div class="controls"&
&input type="text" class="input-xlarge" id="username" name="username" value="admin"&
&div class="control-group"&
&label class="control-label" for="password"&密码&/label&
&div class="controls"&
&input type="password" class="input-xlarge" id="password" name="password" value="admin"&
&div class="form-actions"&
&button type="submit" class="btn btn-primary"&登陆&/button&
&/fieldset&
&% include footer.html %&
修改routes/index.js,增加req.session.error
exports.doLogin = function(req, res){
var user={
username:'admin',
password:'admin'
if(req.body.username===user.username && req.body.password===user.password){
req.session.user=
return res.redirect('/home');
req.session.error='用户名或密码不正确';
return res.redirect('/login');
让我们来看看效果:
输入错误的和密码, 用户名:dad,密码:da
boostrap-nodejs
9. 页面访问控制
网站登陆部分按照我们的求已经完成了,但网站并不安全。
localhost:3000/home,页面本来是登陆以后才访问的,现在我们不要登陆,直接在浏览器输入也可访问。
页面报错了,提示&%= user.username %& 变量出错。
GET /home?user==a 500 15ms
TypeError: D:\workspace\project\nodejs-demo\views\home.html:2
1| &% include header.html %&
&& 2| &h1&Welcome &%= user.username %&, 欢迎登陆!!&/h1&
3| &a claa="btn" href=""&退出&/a&
4| &% include header.html %&
Cannot read property 'username' of null
at eval (eval at &anonymous& (D:\workspace\project\nodejs-demo\node_modules\ejs\lib\ejs.js:
at eval (eval at &anonymous& (D:\workspace\project\nodejs-demo\node_modules\ejs\lib\ejs.js:
at D:\workspace\project\nodejs-demo\node_modules\ejs\lib\ejs.js:249:15
at Object.exports.render (D:\workspace\project\nodejs-demo\node_modules\ejs\lib\ejs.js:287:
at View.exports.renderFile [as engine] (D:\workspace\project\nodejs-demo\node_modules\ejs\l
at View.render (D:\workspace\project\nodejs-demo\node_modules\express\lib\view.js:75:8)
at Function.app.render (D:\workspace\project\nodejs-demo\node_modules\express\lib\applicati
at ServerResponse.res.render (D:\workspace\project\nodejs-demo\node_modules\express\lib\res
at exports.home (D:\workspace\project\nodejs-demo\routes\index.js:36:8)
at callbacks (D:\workspace\project\nodejs-demo\node_modules\express\lib\router\index.js:161
这个页面被打开发,因为没有user.username参数。我们避免这样的错误发生。
还记录路由部分里说的get,post,all的作用吗?我现在要回到路由配置中,再做点事情。
修改app.js文件
app.get('/',routes.index);
app.route('/login')
.all(notAuthentication)
.get(routes.login)
.post(routes.doLogin);
app.route('/logout')
app.get('/',routes.index);
app.route('/login')
.all(notAuthentication)
.get(routes.login)
.post(routes.doLogin);
app.route('/logout')
.get(authentication)
.get(routes.logout);
app.route('/home')
.get(authentication)
.get(routes.home);
访问控制:
/ ,谁访问都行,没有任何控制
/login,用all拦截所有访问/login的请求,先调用authentication,用户登陆检查
/logout,用get拦截访问/login的请求,先调用notAuthentication,用户不登陆检查
/home,用get拦截访问/home的请求,先调用Authentication,用户登陆检查
修改app.js文件,增加authentication,notAuthentication两个方法
function authentication(req, res, next) {
if (!req.session.user) {
req.session.error='请先登陆';
return res.redirect('/login');
function notAuthentication(req, res, next) {
if (req.session.user) {
req.session.error='已登陆';
return res.redirect('/home');
配置好后,我们未登陆,直接访问localhost:3000/home时或者localhost:3000/logout,就会跳到/login页面
登录后, 访问localhost:3000/login 则直接跳到/home页面
到此,express4 相关内容到此为止。
以上内容是小编给大家分享的Nodejs Express4.x开发框架随手笔记,希望大家喜欢。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具原始文章链接:
1. Express 简介
Express 是基于 Node.js 平台,快速、开放、极简的 web 开发框架,它提供一系列强大的特性,帮助你创建各种 Web 和移动设备应用。
Express 不对 Node.js 已有的特性进行二次抽象,我们只是在它之上扩展了 Web 应用所需的基本功能。
Express 是一个自身功能极简,完全是由路由和中间件构成一个的 web 开发框架:从本质上来说,一个 Express 应用就是在调用各种中间件。
API 方面:丰富的 HTTP 快捷方法和任意排列组合的 Connect 中间件,让你创建健壮、友好的 API 变得既快速又简单。
Robust routing
Focus on high performance
Super-high test coverage
HTTP helpers (redirection, caching, etc)
View system supporting 14+ template engines
Content negotiation
Executable for generating applications quickly
安装和 hello world
--save:安装模块时,如果指定了&--save&参数,那么此模块将被添加到 package.json 文件中&dependencies&依赖列表中。 然后通过&npm install&命令即可自动安装依赖列表中所列出的所有模块。如果只是临时安装,不想将它添加到依赖列表中,只需略去&--save参数即可
踩坑:我在安装的时候,创建了一个叫 express 的项目文件夹,初始化之后,安装 express,出错(Refusing to install express as a dependency of itself)。原因是,项目文件夹的名字和所要安装的项目依赖重名了,其实此时 package.json 文件中的名字也是 express,这样会出错,不能同名,所以要删除一切重来。
下面的代码启动一个服务并监听从&3000&端口进入的所有连接请求。他将对所有 (/) URL 或 路由 返回&hello world&字符串。对于其他所有路径全部返回 404 Not Found。
req (request,请求) 和 res (response,响应) 与 Node 提供的对象完全一致,因此,你可以调用&req.pipe()、req.on('data', callback)&以及任何 Node 提供的方法。
const express = require('express');
let app = express();
app.get('/',function (req,res) {
res.send('hello world');
let server = app.listen(3000, function () {
let host = server.address().
let port = server.address().
console.log(`app listening at port: ${port}`);
Express 应用生成器
通过应用生成器工具, express 可以快速创建一个应用的骨架。
通过 Express 应用生成器创建应用只是众多方法中的一种,你可以根据自己的需求修改它
2. 路由(Routing)
路由是指如何定义应用的端点(URIs)以及如何响应客户端的请求。
路由(Routing)是由一个 URI(路径)和一个特定的 HTTP 方法(get、post、put、delete 等)组成的,涉及到应用如何响应客户端对某个网站节点的访问。
路由的定义由如下结构组成:
app&是一个 express 实例
method&是某个&中的一个,Express 定义了如下和 HTTP 请求对应的路由方法:&get, post, put, head, delete, options, trace, copy, lock, mkcol, move, purge, propfind, proppatch, unlock, report, mkactivity, checkout, merge, m-search, notify, subscribe, unsubscribe, patch, search, connect。有些路由方法名不是合规的 JavaScript 变量名,此时使用括号记法,比如:app['m-search']('/', function ...
path&是服务器端的路径
handler&每一个路由都可以有一个或者多个处理器函数,当匹配到路由时,这些函数将被执行。
app.method(path, [handler...], handler)
app.all()&是一个特殊的路由方法,没有任何 HTTP 方法与其对应,它的作用是对于一个路径上的所有请求加载中间件。
在下面的例子中,来自&/secret&的请求,不管使用 GET、POST 或其他任何HTTP 请求,句柄都会得到执行。
app.all('/secret', function (req, res, next) {
res.send('GET request to the secret section');
console.log('Accessing the secret section ...');
路由路径&path
路由路径和请求方法一起定义了请求的端点,它可以是字符串、字符串模式或者正则表达式。
使用字符串的路由路径示例:
使用字符串模式的路由路径示例:
使用正则表达式的路由路径示例:
路由句柄&handler
Can't set headers after they are sent.
可以为请求处理提供多个回调函数,其行为类似 中间件。唯一的区别是这些回调函数有可能调用 next('route') 方法而略过其他路由回调函数。可以利用该机制为路由定义前提条件,如果在现有路径上继续执行没有意义,则可将控制权交给剩下的路径。
路由句柄有多种形式,可以是一个函数、一个函数数组,或者是两者混合,如下所示.
使用一个回调函数处理路由:
app.get('/example/a', function (req, res) {
res.send('Hello from A!');
使用多个回调函数处理路由(记得指定 next 对象):
app.get('/example/b', function (req, res, next) {
console.log('response will be sent by the next function ...');
}, function (req, res) {
res.send('Hello from B!');
使用回调函数数组处理路由:
var cb0 = function (req, res, next) {
console.log('CB0');
var cb1 = function (req, res, next) {
console.log('CB1');
var cb2 = function (req, res) {
res.send('Hello from C!');
app.get('/example/c', [cb0, cb1, cb2]);
混合使用函数和函数数组处理路由:
var cb0 = function (req, res, next) {
console.log('CB0');
var cb1 = function (req, res, next) {
console.log('CB1');
app.get('/example/d', [cb0, cb1], function (req, res, next) {
console.log('response will be sent by the next function ...');
}, function (req, res) {
res.send('Hello from D!');
响应方法&res
下表中响应对象(res)的方法向客户端返回响应,终结请求响应的循环。如果在路由句柄中一个方法也不调用,来自客户端的请求会一直挂起。
app.route()
可使用&app.route()&创建路由路径的链式路由句柄。由于路径在一个地方指定,这样做有助于创建模块化的路由,而且减少了代码冗余和拼写错误。
app.route('/book')
.get(function(req, res) {
res.send('Get a random book');
.post(function(req, res) {
res.send('Add a book');
.put(function(req, res) {
res.send('Update the book');
express.Router
可使用 express.Router 类创建模块化、可挂载的路由句柄。
下面的实例程序创建了一个路由模块,并加载了一个中间件,定义了一些路由,并且将它们挂载至应用的路径上。
在 app 目录下创建名为 birds.js 的文件,内容如下:
var express = require('express');
var router = express.Router();
然后在应用中加载路由模块,应用即可处理发自&/birds&和&/birds/about&的请求,并且调用为该路由指定的 timeLog 中间件。
var birds = require('./birds');
app.use('/birds', birds);
3. 中间件(Middleware)
中间件列表:
Express 是一个自身功能极简,完全是由路由和中间件构成一个的 web 开发框架:从本质上来说,一个 Express 应用就是在调用各种中间件。
中间件(Middleware) 是一个函数,它可以访问请求对象(req),响应对象(res),和 web 应用中处于请求-响应循环流程中的中间件,一般被命名为 next 的变量。
中间件的功能包括:
执行任何代码。
修改请求和响应对象。
终结请求-响应循环。
调用堆栈中的下一个中间件。
注意:如果当前中间件没有终结请求-响应循环,则必须调用 next() 方法将控制权交给下一个中间件,否则请求就会挂起。
app.use([path], function)
Use the given middleware function, with optional mount path, defaulting to "/".
一个中间件处理器,请求来了,让那些中间件先处理一遍
没有挂载路径的中间件,应用的每个请求都会执行该中间件
挂载至 /path 的中间件,任何指向 /path 的请求都会执行它
中间件分类
Express 应用可使用如下几种中间件:
应用级中间件
路由级中间件
错误处理中间件
内置中间件
第三方中间件
1. 应用级中间件
应用级中间件绑定到 app 对象 使用&app.use()&和&app.METHOD(), 其中, METHOD 是需要处理的 HTTP 请求的方法,例如 GET, PUT, POST 等等,全部小写。例如:
var app = express();
2. 路由级中间件
路由级中间件和应用级中间件一样,只是它绑定的对象为&express.Router()。路由级使用&router.use()&或&router.VERB()&加载。
上述在应用级创建的中间件系统,可通过如下代码改写为路由级:
var app = express();
var router = express.Router();
3. 错误处理中间件
错误处理中间件和其他中间件定义类似,只是必须要使用&4 个参数(err, req, res, next)。即使不需要 next 对象,也必须在签名中声明它,否则中间件会被识别为一个常规中间件,不能处理错误。
错误处理中间件应当在在其他 app.use() 和路由调用之后才能加载,比如:
var bodyParser = require('body-parser');
var methodOverride = require('method-override');
app.use(bodyParser());
app.use(methodOverride());
app.use(function(err, req, res, next) {
中间件返回的响应是随意的,可以响应一个 HTML 错误页面、一句简单的话、一个 JSON 字符串,或者其他任何您想要的东西。
为了便于组织(更高级的框架),您可能会像定义常规中间件一样,定义多个错误处理中间件。比如您想为使用 XHR 的请求定义一个,还想为没有使用的定义一个,那么:
var bodyParser = require('body-parser');
var methodOverride = require('method-override');
app.use(bodyParser());
app.use(methodOverride());
app.use(logErrors);
app.use(clientErrorHandler);
app.use(errorHandler);
4. 内置中间件
Express 以前内置的中间件现在已经全部单独作为模块安装使用了
express.static&是 Express 唯一内置的中间件,它基于&serve-static,负责在 Express 应用中提托管静态资源。
5. 第三方中间件
第三方中间件列表:
下面的例子安装并加载了一个解析 cookie 的中间件:&cookie-parser
$ npm install cookie-parser
var express = require('express');
var app = express();
var cookieParser = require('cookie-parser');
4. 托管静态文件
通过 Express 内置的&express.static&可以方便地托管静态文件,例如图片、CSS、JavaScript 文件等。
将静态资源文件所在的目录作为参数传递给&express.static&中间件就可以提供静态资源文件的访问了。
所有文件的路径都是相对于存放目录的,因此,存放静态文件的目录名不会出现在 URL 中。
假设在 public 目录放置了图片、CSS 和 JavaScript 文件,你就可以:
app.use(express.static('public'));
现在,public 目录下面的文件就可以访问了。
如果你的静态资源存放在多个目录下面,你可以多次调用&express.static&中间件:
访问静态资源文件时,express.static&中间件会根据目录添加的顺序查找所需的文件。
app.use(express.static('public'));
app.use(express.static('files'));
如果你希望所有通过&express.static&访问的文件都存放在一个虚拟目录中(即目录根本不存在),可以通过为静态资源目录指定一个挂载路径的方式来实现,如下所示:
app.use('/static', express.static('public'));
现在,你就爱可以通过带有&/static&前缀的地址来访问 public 目录下面的文件了。
在任何模块文件内部,可以使用__dirname变量获取当前模块文件所在目录的完整绝对路径。
console.log(__dirname);
path.join()
Arguments to path.join must be strings
将多个参数组合成一个 path,句法:
由于该方法属于path模块,使用前需要引入path 模块
const express = require('express');
const path = require('path');
var app = express();
app.set('views', path.join(__dirname, 'views'));
app.use(express.static(path.join(__dirname, 'public')));
5. 在 Express 中使用模板引擎
安装相应的模板引擎 npm 软件包,不需要在页面&require('pug');
$ npm install pug
编写模板文件
然后创建一个路由,来渲染模板文件,模板文件会被渲染为 HTML。如果没有设置 view engine,您需要指明视图文件的后缀,否则就会遗漏它。
views&存放模板文件的目录
view engine&注册模板引擎
const express = require('express');
let app = express();
6. Express 4 迁移
Express 4 是对 Express 3 的一个颠覆性改变,也就是说如果您更新了 Express, Express 3 应用会无法工作。
1. 对 Express 内核和中间件系统的改进
Express 4 不再依赖 Connect,而且从内核中移除了除&express.static&外的所有内置中间件。
也就是说现在的 Express 是一个独立的路由和中间件 Web 框架,Express 的版本升级不再受中间件更新的影响。
移除了内置的中间件后,您必须显式地添加所有运行应用需要的中间件。请遵循如下步骤:
安装模块:npm install --save &module-name&
在应用中引入模块:require('module-name')
按照文档的描述使用模块:app.use( ... )
下表列出了 Express 3 和 Express 4 中对应的中间件:
2. 路由系统
应用现在隐式地加载路由中间件,因此不需要担心涉及到 router 中间件对路由中间件加载顺序的问题了。
定义路由的方式依然未变,但是新的路由系统有两个新功能能帮助您组织路由:
添加了一个新类&express.Router,可以创建可挂载的模块化路由句柄。
添加了一个新方法&app.route(),可以为路由路径创建链式路由句柄。
3. 其他变化
卸载 Express 3 应用生成器:
$ npm uninstall -g express
然后安装新的生成器:
$ npm install -g express-generator
阅读(...) 评论()

我要回帖

更多关于 nodejs view engine 的文章

 

随机推荐