Node.js Express 框架的使用
Express 简介
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。
使用 Express 可以快速地搭建一个完整功能的网站。
Express 框架核心特性：
- 可以设置中间件来响应 HTTP 请求。
- 定义了路由表用于执行不同的 HTTP 请求动作。
- 可以通过向模板传递参数来动态渲染 HTML 页面。
重要的3个 node.js 中间件：
body-parser - node.js 中间件，用于处理 JSON, Raw, Text 和 URL 编码的数据。（post请求时获取传参数据）
cookie-parser，这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie，并把它们转成对象。 （用于获取cookie的数据）
multer - node.js 中间件，用于处理 enctype="multipart/form-data"（设置表单的MIME编码）的表单数据。 （文件上传的时候用到）
安装命令是：
要进入当前工程文件目录：
npm install body-parser --save
npm install cookie-parser --save
npm install multer --save
请求和响应
Express 应用使用回调函数的参数： request 和 response 对象来处理请求和响应的数据。
app.get('/',function(req,res){
}
Request对象 表示http请求，包括请求查询，字符串，参数，内容，http头部等，常用的属性有:
- req.get():获取指定的HTTP请求头
- req.body() ：在post请求时候获取「请求主体」
- req.query()：在get请求时候获取「请求主体」
- req.app():当callback为外部文件时，用req.app访问express的实例
- req.cookie();获取Cookies
Response对象表示Http响应，接收到请求的时候，想客户端发送http响应数据，常用属性：
- res.Json()：传送JSON响应
- res.Send():在res.append()后将重置之前设置的头
- res.status():设置HTTP状态码
- res.Jsonp()：传送JSONP响应
- res.set()：设置HTTP头，传入object可以一次设置多个头
- res.get()：返回指定的HTTP头
- res.cookie(name，value [，option])：设置Cookie
- res.redirect()：设置响应的Location HTTP头，并且设置状态码302
- res.sendFile(path [，options] [，fn])：传送指定路径的文件 -会自动根据文件extension设定Content-Type
- res.app：同req.app一样
- res.append()：追加指定HTTP头
- res.clearCookie()：清除Cookie
路由
路由决定了由谁(指定脚本)去响应客户端请求。
在HTTP请求中，我们可以通过路由提取出请求的URL以及GET/POST参数。
index.js:
var express=require('express');
var app=express();
//主页输出“hello world”
app.get('',function(req,res){
console.log("主页 GET 请求");
res.send("hello get");
})
//POST 请求
app.post('',function(req,res){
console.log("主页 POST 请求");
res.send("hello post");
})
// /del_user 页面响应
app.get('/_user',function(req,res){
console.log("/del_user 响应 DELETE 请求");
res.send('删除页面');
})
// /list_user 页面 GET 请求
app.get('/list_user', function (req, res) {
console.log("/list_user GET 请求");
res.send('用户列表页面');
})
// 对页面 abcd, abxcd, ab123cd, 等响应 GET 请求
app.get('/ab*cd', function(req, res) {
console.log("/ab*cd GET 请求");
res.send('正则匹配');
})
var server = app.listen(8081, function () {
var host = server.address().address
var port = server.address().port
console.log("应用实例，访问地址为 http://%s:%s", host, port)
})
执行 node index.js。然后在网页中打开：
http://localhost:8081/ ==》
http://localhost:8081/list_user
可以得到不同的结果。
静态文件
express使用内置的中间件：express.static来设置静态文件如：css 图片，js等
写法：
app.use(express.static('public'));
把图片放在public目录下，如:localhost:8081/images/a.png
Get方法
表单中通过 GET 方法提交两个参数，我们可以使用 server.js 文件内的 process_get 路由器来处理输入：
get
var express = require("express");
var app = express();
app.use(express.static('public'));
app.get('/index.html', function(req, res) {
res.sendFile(__dirname + "/" + "index.html");
})
app.get('/process_get', function(req, res) {
//输出JSON格式
var response = {
"FirstName": req.query.first_name,
"LastName": req.query.last_name
};
console.log(response);
res.send(JSON.stringify(response));
})
var server = app.listen(8081, function() {
var host = server.address().address
var port = server.address().port
console.log("应用实例，访问地址为 http://%s:%s", host, port)
})
app.get('/index.html');
res.sendFile(__dirname + "/" + "index.html");
这两个地址要对应，不然会报错。另外，通过req.qurey来获取传来的参数。
POST方法
在表单中通过 POST 方法提交两个参数，我们可以使用 server.js 文件内的 process_post 路由器来处理输入：
POST
var express = require("express");
var app = express();
var bodyParser = require('body-parser');
//创建 application/x-www-form-urlencoded 编码解析
var urlencodedParser = bodyParser.urlencoded({ extended: false })
app.use(express.static('public'));
app.get('/index2.html', function(req, res) {
res.sendFile(__dirname + "/" + "index2.html");
})
app.post('/process_post', urlencodedParser, function(req, res) {
//输出JSON格式
var response = {
"FirstName": req.body.first_name,
"LastName": req.body.last_name
};
console.log(response);
res.send(JSON.stringify(response));
})
var server = app.listen(8081, function() {
var host = server.address().address
var port = server.address().port
console.log("应用实例，访问地址为 http://%s:%s", host, port)
})
要注意的是，要安装body-parser,并且要创建 application/x-www-form-urlencoded 编码解析，不然会获取不了数据。通过req.body来获取数据。
var urlencodedParser = bodyParser.urlencoded({ extended: false });
req.body.first_name
bodyparse.urlencoded :返回对象的一个键值对，当extended为false的时候，键值对中的值为 String或者Array形式，为truw则可为任意类型。
文件上传：
主要用到multer（处理 enctype="multipart/form-data"（设置表单的MIME编码）的表单数据。）和body-parser（处理post请求的数据）两个中间件；
以下我们创建一个用于上传文件的表单，使用 POST 方法，表单 enctype 属性设置为 multipart/form-data。：
文件上传表单
文件上传：
选择一个文件上传:
var express = require('express');
var app = express();
var fs = require("fs");
var bodyParser = require('body-parser');
var multer = require('multer');
app.use(express.static('public'));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(multer({ dest: '/tmp/' }).array('image'));
app.get('/index3.html', function(req, res) {
res.sendFile(__dirname + "/" + "index3.html");
})
app.post('/file_upload', function(req, res) {
console.log(req.files[0]); // 上传的文件信息
// /fs/==>保存的文件夹
var des_file = __dirname + "/fs/" + req.files[0].originalname;
fs.readFile(req.files[0].path, function(err, data) {
fs.writeFile(des_file, data, function(err) {
if (err) {
console.log(err);
} else {
response = {
message: 'File uploaded successfully',
filename: req.files[0].originalname
};
}
console.log(response);
res.end(JSON.stringify(response));
});
});
})
var server = app.listen(8081, function() {
var host = server.address().address
var port = server.address().port
console.log("应用实例，访问地址为 http://%s:%s", host, port)
})
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);
要安装引用cookie-parser中间件