Day24

1-说明 http express 和 koa 的路由参数分别怎么获取

req.params

与req.param()方法相比 该属性只能获取 “express路由器传递的参数”, 值得一提的是： 与req.params配合还能在express路由器中玩正则。

示例代码：

1 var express = require('express');
2 var app = express();
3 // 地址栏： localhost:3000/user/app ;
4 app.get('/user/:name', function(req, res){
5 var param = req.params.name;
6 res.send('hello world' + param); // hello world app});

然后看看路由器中神奇的正则使用法,在地址栏输入 localhost:3000/file/javascripts/jquery.js ,

1 var express = require('express');
2 var app = express();
3 // 地址栏：localhost:3000/file/javascripts/jquery.js
4 app.get('/file/*', function(req, res){
5 var param = req.params[0];
6 res.send(param); //javascripts/jquery.js});

ps: 如果没在路由器设置参数， 则 req.params 获得的值为空对象 {}

req.query

 1 示例代码：
 2 var express = require('express');
 3 var app = express();
 4 // 地址栏： localhost:3000/search?q=tobi+ferret
 5 app.get('/search', function(req, res){
 6 var param = req.query.q;res.send(param); 
 7 //tobi ferret});
 8 // 地址栏： localhost:3000/shoes?order=desc&shoe[color]=blue&shoe[type]=converse
 9 app.get('/shoes', function(req, res){
10 var _order = req.query.order;
11 var _color = req.query.shoe.color;
12 var _type = req.query.shoe.type;
13 console.log(_order);// descconsole.log(_color); 
14 // blueconsole.log(_type); // converse
15 res.send('hello world'); });

 

ps: 如果地址栏没传递参数， req.query获得的值也是空对象{}

req.body

该属性主要用与post方法时传递参数使用， 用法最为广泛也最为常见，。需要说明下的是使用该属性时， 得先确认app.js中有没有导入“body-parser”， 该模块在express4.x中已经脱离为独立的模块。

前端代码：

<form method="POST" action="add" name="userform" > 
<input type="text" id="name" name="name" value="xq" class="form-control" /> 
<input type="text" id="age" name="age" value="12" class="form-control" /> 
<input type="text" id="job" name="job" value="coder" class="form-control" /> 
<input type="text" id="hobby" name="hobby" value="run" class="form-control" /> 
<button type="submit" class="btn btn-primary">提交添加</button></form>

 

node代码

 1 var express = require('express');
 2 var router = express.Router();
 3 var bodyParser = require('body-parser');
 4 
 5 var app = express();
 6 
 7 // parse application/x-www-form-urlencoded 
 8 app.use(bodyParser.urlencoded({ extended: false }));
 9 // parse application/json 
10 app.use(bodyParser.json());
11 app.post('/add',urlencodedParser,(function(req, res){
12 var userObj = {};
13 userObj = {
14 name: req.body.name,
15 age: req.body.age,
16 job: req.body.job,
17 hobby:req.body.hobby
18 })
19 console.log(userObj);
20 // {name:'xq',age:'12',job:'coder',hobby:'run'}});

2-简单说明动态路由

是指路由器能够自动地建立自己的路由表，并且能够根据实际情况的变化适时地进行调整。

3-说明 express 和 koa 的中间件的使用

// 中间件-----一堆方法

const express = require('express')

const app = express()

// 接受请求

// next是一个方法，让程序继续往下执行

app.get('/request',(req,res,next)=>{

    req.name = "小白"

    next()

})

app.get('/request',(req,res)=>{

    console.log(req.name)

    res.send(req.name)

})

// 监听端口

app.listen(3000)

console.log('3000.....')

4-简述 koa 的洋葱圈模型

const Koa = require('koa');
const app = new Koa();

// x-response-time
app.use(async (ctx, next) => {
  const start = new Date();
  await next();
  const ms = new Date() - start;
  ctx.set('X-Response-Time', `${ms}ms`);
});

// logger
app.use(async (ctx, next) => {
  const start = new Date();
  await next();
  const ms = new Date() - start;
  console.log(`${ctx.method} ${ctx.url} - ${ms}`);
});

// response
app.use(ctx => {
  ctx.body = 'Hello World';
});

app.listen(3000);

5-扩展：了解 websocket

WebSocket是由HTML5定义的一种在单个TCP连接上进行全双工通信的协议，在2008年诞生，2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。现在所有浏览器都已经支持了。
WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

应用场景

多媒体聊天，天气信息更新，多人游戏，基于位置的应用等。