大多数Node.js项目中都用到了Express.js,并且已经成为了标准。
2.1、什么是Express.js
Express.js是基于http模块和Connect组件的Web框架。这些组件叫做中间件,它们是以约定大于配置原则作为开发的基础理念的。
但是每月依然会有新的框架产生。
2.2、Express.js是如何工作的
Express.js是单入口的主文件启动,要做以下事情:
- 像引入模块
- 配置Express.js,如模板引擎和它自身文件的扩展组件
- 连接到数据库,如MongoDB、Redis或者MySQL
- 定义中间间,如错误处理、静态文件路径、cookie和其他一些解析组件
- 定义路由
- 启动应用
- 以模块形式输出应用
当Express.js的应用运行起来后,它便开始监听请求。每个刚进来的请求都会根据定义好的中间件和路由链自上而下进行处理。
2.3、Express.js的安装
有两种形式:
- express-generator:一个提供在命令行中快速搭建应用的全局NPM包
- express:一个在Node.js应用中的node_modules文件夹里的本地模块包
版本:
生成器: npm install -g express-generator@4.0.0(全局安装)
本地Express.js:
$ npm init 创建package.json
{
"name": "express-cli",
"version": "0.0.1",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified \" && exit 1"
},
"author": "copper",
"license": "BSD-2-Clause"
}
$ npm install express
$ npm ls 对Express.js的安装情况和它的依赖进行复查
2.4、Express.js的脚手架(命令行工具)
为了生成一个基本的Express.js应用,参照$ express --help
例如,创建一个依赖于Stylus的应用
$ express -c styl express-styl
$ cd express-styl && npm install
$ DEBUG=my-application ./bin/www
打开http://localhost:3000
查看代码express-styl/app.js:
路由:
app.use('/', index);
app.use('/users', users);
默认不允许以字符串查询参数的形式请求路由,但可以自行写
中间件:app.js中的每一行,每个声明都是中间件
配置:
app.set('view', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
在bin/www目录中app.set('port', process.env.PORT || 3000);
Jade模板引擎:
2.5、博客项目概述
包括:
- 文章详情页
- 内容的管理页
- 登录上述管理页面的登录页
- 创建文章页
通过REST API或HTTP请求发送和接收数据并且在客户端渲染HTML的方式被许多前端框架所采用
2.6、Express.js 4中的Hello World示例
不使用生成器、高级模板和中间件来搭建Express.js的应用
创建文件夹:hello-world
- node_modules:Express.js和第三方模块的依赖
- views:Jade或者其他模板引擎文件
- routes:包含请求处理程序的Node.js模块
- db:MongoDB的种子数据和脚本
- public:所有前端的静态文件,包括HTML、CSS、JavaScript和Stylus或者其他CSS框架文件
$ mkdir {public,public/css,public/img,public/js,db,views,views/includes,routes}
NPM初始化和package.json:
$ npm init 生成package.json
$ npm install express@4.1.2 --save 快速安装模块并增加到package.json
app.js:
路由:res.render(viewName, data, callback(error, html)中的参数意义如下:
- viewName:模板名
- data:
- callback:一个可选函数,由错误或者HTML绘制完成后调用
// 引入依赖
var express = require('express');
var http = require('http');
var path = require('path');
//设置相关配置
var app = express();
//app.set('appName', 'hello-world');
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');
//连接数据库(可选)
//定义中间件
//定义路由
app.all('*', function(req, res) {
res.render('index', {msg:'Welcome to the Practical Node.js!'});
})
//开启服务
http.createServer(app).listen(app.get('port'), function() {
console.log('Express server listening on port' + app.get('port'));
})
//在多核系统上启动cluster多核处理模块(可选)
Jade模板:
能使开发者少写很多代码并且几乎支持所有JavaScript函数。
views/index.jade
h1 hello
p = msg
$ node app
http://localhost:3000