Node 学习第六天

Node.js Express 框架

Express 简介

Express 是一个简洁而灵活的 node.js Web 应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。

使用 Express 可以快速地搭建一个完整功能的网站。

Express 框架核心特性：

• 可以设置中间件来响应 HTTP 请求。

• 定义了路由表用于执行不同的 HTTP 请求动作。

• 可以通过向模板传递参数来动态渲染 HTML 页面。

安装 Express

安装 Express 并将其保存到依赖列表中：

$ cnpm install express --save

以上命令会将 Express 框架安装在当前目录的 node_modules 目录中， node_modules 目录下会自动创建 express 目录。以下几个重要的模块是需要与 express 框架一起安装的：

• body-parser - node.js 中间件，用于处理 JSON, Raw, Text 和 URL 编码的数据。

• cookie-parser - 这就是一个解析 Cookie 的工具。通过 req.cookies 可以取到传过来的 cookie，并把它们转成对象。

• multer - node.js 中间件，用于处理 enctype="multipart/form-data"（设置表单的 MIME 编码）的表单数据。

$ cnpm install body-parser --save
$ cnpm install cookie-parser --save
$ cnpm install multer --save

安装完后，我们可以查看下 express 使用的版本号：

$ cnpm list express
/data/www/node
└── express@4.15.2  -> /Users/tianqixin/www/node/node_modules/.4.15.2@express

第一个 Express 框架实例

接下来我们使用 Express 框架来输出 "Hello World"。

以下实例中我们引入了 express 模块，并在客户端发起请求后，响应 "Hello World" 字符串。

创建 express_demo.js 文件，代码如下所示：

//express_demo.js 文件
var express = require('express');
var app = express();
 
app.get('/', function (req, res) {
   res.send('Hello World');
})
 
var server = app.listen(8081, function () {
 
  var host = server.address().address
  var port = server.address().port
 
  console.log("应用实例，访问地址为 http://%s:%s", host, port)
 
})

启动后：

请求和响应

Express 应用使用回调函数的参数： request 和 response 对象来处理请求和响应的数据。

request 和 response 对象的具体介绍：

Request 对象 - request 对象表示 HTTP 请求，包含了请求查询字符串，参数，内容，HTTP 头部等属性。常见属性有：

1. req.app：当 callback 为外部文件时，用 req.app 访问 express 的实例
2. req.baseUrl：获取路由当前安装的 URL 路径
3. req.body / req.cookies：获得「请求主体」/ Cookies
4. req.fresh / req.stale：判断请求是否还「新鲜」
5. req.hostname / req.ip：获取主机名和 IP 地址
6. req.originalUrl：获取原始请求 URL
7. req.params：获取路由的 parameters
8. req.path：获取请求路径
9. req.protocol：获取协议类型
10. req.query：获取 URL 的查询参数串
11. req.route：获取当前匹配的路由
12. req.subdomains：获取子域名
13. req.accepts()：检查可接受的请求的文档类型
14. req.acceptsCharsets / req.acceptsEncodings / req.acceptsLanguages：返回指定字符集的第一个可接受字符编码
15. req.get()：获取指定的 HTTP 请求头
16. req.is()：判断请求头 Content-Type 的 MIME 类型

Response 对象 - response 对象表示 HTTP 响应，即在接收到请求时向客户端发送的 HTTP 响应数据。常见属性有：

1. res.app：同 req.app 一样
2. res.append()：追加指定 HTTP 头
3. res.set()在 res.append()后将重置之前设置的头
4. res.cookie(name，value [，option])：设置 Cookie
5. opition: domain / expires / httpOnly / maxAge / path / secure / signed
6. res.clearCookie()：清除 Cookie
7. res.download()：传送指定路径的文件
8. res.get()：返回指定的 HTTP 头
9. res.json()：传送 JSON 响应
10. res.jsonp()：传送 JSONP 响应
11. res.location()：只设置响应的 Location HTTP 头，不设置状态码或者 close response
12. res.redirect()：设置响应的 Location HTTP 头，并且设置状态码 302
13. res.send()：传送 HTTP 响应
14. res.sendFile(path [，options] [，fn])：传送指定路径的文件 -会自动根据文件 extension 设定 Content-Type
15. res.set()：设置 HTTP 头，传入 object 可以一次设置多个头
16. res.status()：设置 HTTP 状态码
17. res.type()：设置 Content-Type 的 MIME 类型

路由

我们已经了解了 HTTP 请求的基本应用，而路由决定了由谁(指定脚本)去响应客户端请求。

在 HTTP 请求中，我们可以通过路由提取出请求的 URL 以及 GET/POST 参数。

接下来我们扩展 Hello World，添加一些功能来处理更多类型的 HTTP 请求。

在原来的文件上加上

app.get('/',function(req,res){

res.send("hello");

})

app.post('/',function(req,res){

console.log("主页POST请求");

res.send("Hello Post");

})

app.get('/delUser',function(req,res){

console.log('删除页面');

res.send('删除页面！！！');

})

访问不同的路径

静态文件

Express 提供了内置的中间件** express.static **来设置静态文件如：图片， CSS, JavaScript 等。

你可以使用** express.static **中间件来设置静态文件路径。例如，如果你将图片， CSS, JavaScript 文件放在 public 目录下，你可以这么写：

app.use(express.static('public'));

我在 public 下面放了一个静态页面

访问路径直接出现

GET 方法

以下实例演示了在表单中通过 GET 方法提交两个参数，我们可以使用 server.js 文件内的 process_get 路由器来处理输入：

<h2>GET 方法测试h2>

<form  action="http://127.0.0.1:8081/process_get"  method="GET">

First Name : <input  type="text"  name="first_name" > <br>

Last Name : <input  type="text"  name="last_name"><br>

<input  type="submit"  value="submit">

form>

app.get('/process_get',function(req,res){

//输出JSON 格式

var  response={

"first_name":req.query.first_name,

"last_name":req.query.last_name

};

console.log(response);

res.end(JSON.stringify(response));

})

POST 方法

以下实例演示了在表单中通过 POST 方法提交两个参数，我们可以使用 server.js 文件内的 process_post 路由器来处理输入：

var  bodyParser  =  require('body-parser');

// 创建 application/x-www-form-urlencoded 编码解析

var  urlencodedParser  =  bodyParser.urlencoded({ extended: false })
app.post('/process_post', urlencodedParser, function (req, res) {

// 输出 JSON 格式

var  response  = {

"first_name":req.body.first_name,

"last_name":req.body.last_name

};

console.log(response);

res.end(JSON.stringify(response));

})

Cookie 管理

我们可以使用中间件向 Node.js 服务器发送 cookie 信息，以下代码输出了客户端发送的 cookie 信息：

// express_cookie.js 文件

var  express  =  require('express')

var  cookieParser  =  require('cookie-parser')

var  app  =  express()

app.use(cookieParser())

app.get('/', function(req, res) {

console.log("Cookies: ", req.cookies)

})

app.listen(8081)