7.node中的express

Express

作者：TJ

原生的http在某些方面表现不足以应对我们的开发需求，所以就需要使用框架来加快我们的开发效率，框架的目的就是提高效率，让我们的代码高度统一。

在node中有很多web开发框架，主要学习express

• http://expressjs.com/，其中主要封装的是http

//1 安装
// 2 引包
var express = require('express');
// 3 创建服务器应用程序
// 		也就是原来的http。createServer（）；
var spp = express();

// 公开指定目录
// 只要通过这样做，就可以通过/public/xxx的方式来访问public目录中的所有资源
// 在Express中开放资源就是一个API的事
app .use('/public/',express.static('/public/'));

// 模板引擎在Express 中开放模板也是一个API的事

// 当服务器收到get请求 / 的时候，执行回调处理函数
app.get('/',function(req,res){
	res.send('hello Express');
})

// 相当于server.listen
app.listen(3000,function() {
	console.log('app is running at port 3000');
})

学习Express

安装：

cnpm install express

helloword

// 引入express
var express = require('express');

// 1. 创建app
var app = express();

//  2. 
app.get('/',function(req,res){
    // 1
    // res.write('Hello');
    // res.write('World');
    // res.end()

    // 2
    // res.end('hello world');

    // 3
    res.send('hello world');
})

app.listen(3000,function(){
    console.log('express app is runing...');
})

基本路由

路由：

• 请求方法
• 请求路径
• 请求处理函数

get：

//当你以get方法请求/的时候，执行对应的处理函数
app.get('/',function(req,res){
    res.send('hello world');
})

post:

//当你以post方法请求/的时候，执行对应的处理函数
app.post('/',function(req,res){
    res.send('hello world');
})

Express静态服务API

// app.use不仅仅是用来处理静态资源的，还可以做很多工作(body-parser的配置)
app.use(express.static('public'));

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

app.use('/stataic',express.static('public'));
// 引入express
var express = require('express');

// 创建app
var app = express();

// 开放静态资源
// 1.当以/public/开头的时候，去./public/目录中找对应资源
// 访问：http://127.0.0.1:3000/public/login.html
app.use('/public/',express.static('./public/')); 

// 2.当省略第一个参数的时候，可以通过省略/public的方式来访问
// 访问：http://127.0.0.1:3000/login.html
// app.use(express.static('./public/'));   

// 3.访问：http://127.0.0.1:3000/a/login.html
// a相当于public的别名
// app.use('/a/',express.static('./public/')); 

//  
app.get('/',function(req,res){
    res.end('hello world');
});

app.listen(3000,function(){
    console.log('express app is runing...');
});

在Express中配置使用art-template 模板引擎

• art-template官方文档.
• 在node中，有很多第三方模板引擎都可以使用，不是只有art-template

安装：

npm install --save art-template
npm install --save express-art-template

//两个一起安装
npm i --save art-template express-art-template

配置：

app.engine('html', require('express-art-template'));

使用：

app.get('/',function(req,res){
    // express默认会去views目录找index.html
    res.render('index.html',{
           title:'hello world'     
    });
})

如果希望修改默认的views 视图渲染存储目录，可以：

// 第一个参数views千万不要写错
app.set('views',目录路径);

在Express中获取表单请求数据

获取get请求数据：
Express内置了一个api，可以直接通过req.query 来获取数据

// 通过requery方法获取用户输入的数据
// req.query只能拿到get请求的数据
 var comment = req.query;

获取post请求数据：
在Express中没有内置获取表单post 请求体的 api ，这里我们需要使用一个第三方包 body-parser 来获取数据

安装：

npm install --save body-parser

配置：
// 配置解析表单POST请求体插件（注意：一定要在app.use(router)之前）

var express = require('express')
// 引包
var bodyParser = require('body-parser')

var app = express()

// 配置body-parser
// 只要加入这个配置，则在req请求对象上会多出来一个属性：body
// 也就是说可以直接通过req.body来获取表单post请求数据
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))

// parse application/json
app.use(bodyParser.json())

使用：

app.use(function (req, res) {
  res.setHeader('Content-Type', 'text/plain')
  res.write('you posted:\n')
  // 可以通过req.body来获取表单请求数据
  res.end(JSON.stringify(req.body, null, 2))
})

在Express中配置使用express-session 插件操作

参考文档：https://github.com/expressjs/session.

安装：

npm install express-session

配置：

//该插件会为req请求对象添加一个成员:req.session默认是一个对象
//这是最简单的配置方式
//Session是基于Cookie实现的
app.use(session({
  //配置加密字符串，他会在原有的基础上和字符串拼接起来去加密
  //目的是为了增加安全性，防止客户端恶意伪造
  secret: 'keyboard cat',
  resave: false,
  saveUninitialized: true,//无论是否适用Session，都默认直接分配一把钥匙
  cookie: { secure: true }
}))

使用：

// 读
//添加Session数据
//session就是一个对象
req.session.foo = 'bar';

//写
//获取session数据
req.session.foo

//删
req.session.foo = null;
delete req.session.foo

提示：
默认Session数据时内存储数据，服务器一旦重启，真正的生产环境会把Session进行持久化存储。