【NodeJS】04koa 路由 get传值 动态路由

一、 Koa 路由

路由（Routing）是由一个 URI（或者叫路径）和一个特定的 HTTP 方法（GET、POST 等）组成的，涉及到应用如何响应客户端对某个网站节点的访问。

通俗的讲：路由就是根据不同的 URL 地址，加载不同的页面实现不同的功能。

Koa 中的路由和 Express 有所不同，在 Express 中直接引入 Express 就可以配置路由，但是在Koa 中我们需要安装对应的 koa-router 路由模块来实现。

npm install --save koa-router

//引入 koa模块
const Koa = require('koa');
const router = require('koa-router')(); //注意：引入的方式

//实例化
const app = new Koa();
  router.get('/', function (ctx, next) {
  ctx.body="Hello koa";
})

//ctx  上下文 context ，包含了request 和response等信息

//配置路由
router.get('/news,(ctx,next)=>{
ctx.body="新闻 page"
});

//配置路由
router.get('/',async (ctx)=>{

    ctx.body='首页'; /*返回数据 相当于：原生里面的res.writeHead() res.end()*/
}).get('/news',async (ctx)=>{

    ctx.body="这是一个新闻页面"
})

app.use(router.routes()); //作用：启动路由
app.use(router.allowedMethods()); // 作用： 这是官方文档的推荐用法,我们可以
看到 router.allowedMethods()用在了路由匹配 router.routes()之后,所以在当所有
路由中间件最后调用.此时根据 ctx.status 设置 response 响应头

app.listen(3000,()=>{
console.log('starting at port 3000');
});

优化：新建一个路由文件，专门存放路由信息

//引入 koa模块
var Koa=require('koa');
var router = require('koa-router')();  /*引入是实例化路由** 推荐*/

//实例化
var app=new Koa();
router.get('/',async (ctx)=>{
    ctx.body="首页";
})

router.get('/news',async (ctx)=>{
    ctx.body="新闻列表页面";
})

router.get('/newscontent',async (ctx)=>{
    ctx.body="新闻详情";
})

app.use(router.routes());   /*启动路由*/
app.use(router.allowedMethods());

/*
*  router.allowedMethods()作用： 这是官方文档的推荐用法,我们可以
 看到 router.allowedMethods()用在了路由匹配 router.routes()之后,所以在当所有
 路由中间件最后调用.此时根据 ctx.status 设置 response 响应头*/
app.listen(3002);

二、 Koa 路由 get 传值

在 koa2 中 GET 传值通过 request 接收，但是接收的方法有两种：query 和 querystring。

query：返回的是格式化好的参数对象。
querystring：返回的是请求字符串。

const Koa = require('koa');
const Router = require('koa-router');

const app = new Koa();
const router = new Router();

router.get('/', function (ctx, next) {
  ctx.body="Hello koa";
})

router.get('/newscontent,(ctx,next)=>{
	let url =ctx.url;
	//从 request 中获取 GET 请求
	let request =ctx.request;
	let req_query = request.query;
	let req_querystring = request.querystring;
	//从上下文中直接获取
	let ctx_query = ctx.query;
	let ctx_querystring = ctx.querystring;
	ctx.body={
		url,
		req_query,
		req_querystring,
		ctx_query,
		ctx_querystring
	}
});
app.use(router.routes()); //作用：启动路由
app.use(router.allowedMethods()); //作用： 当请求出错时的处理逻辑
app.listen(3000,()=>{
	console.log('starting at port 3000');
});

优化

//引入 koa模块
var Koa=require('koa');
var router = require('koa-router')();  /*引入是实例化路由** 推荐*/

//实例化
var app=new Koa();
router.get('/',async (ctx)=>{
    ctx.body="首页";
})

router.get('/news',async (ctx)=>{
    ctx.body="新闻列表页面";
})
//获取get传值
//http://localhost:3002/newscontent?aid=123
router.get('/newscontent',async (ctx)=>{
    /*在 koa2 中 GET 传值通过 request 接收，
    但是接收的方法有两种：query 和 querystring。
     query：返回的是格式化好的参数对象。
     querystring：返回的是请求字符串。*/
     
    //从ctx中读取get传值
    console.log(ctx.query);  //{ aid: '123' }  获取的是对象 用的最多的方式            					强烈推荐
    console.log(ctx.querystring); //aid=123&name=zhangsan 获取的是一个字符串
    console.log(ctx.url);   //获取url地址
    
    //ctx里面的request里面获取get传值
    console.log(ctx.request.url);
    console.log(ctx.request.query); //{ aid: '123', name: 'zhangsan' } 对象
    console.log(ctx.request.querystring);   //aid=123&name=zhangsan
    ctx.body="新闻详情";
})

app.use(router.routes());   /*启动路由*/
app.use(router.allowedMethods());
/*
*  router.allowedMethods()作用： 这是官方文档的推荐用法,我们可以
 看到 router.allowedMethods()用在了路由匹配 router.routes()之后,所以在当所有
 路由中间件最后调用.此时根据 ctx.status 设置 response 响应头*/
app.listen(3002);

三、 Koa 动态路由

//请求方式 http://域名/product/123
router.get('/product/:aid',async (ctx)=>{
	console.log(ctx.params); //{ aid: '123' } //获取动态路由的数据
	ctx.body='这是商品页面';
});

在app.js中使用

//引入 koa模块

var Koa=require('koa');

var router = require('koa-router')();  /*引入是实例化路由** 推荐*/

//实例化
var app=new Koa();

router.get('/',async (ctx)=>{
    ctx.body="首页";
})

router.get('/news',async (ctx)=>{
    ctx.body="新闻列表页面";
})
//动态路由  http://localhost:3002/newscontent/xxxx
router.get('/newscontent/:aid',async (ctx)=>{

    //获取动态路由的传值
    console.log(ctx.params);  //{ aid: '456' }
    ctx.body="新闻详情";

})
//动态路由里面可以传入多个值
//http://localhost:3002/package/123/456

router.get('/package/:aid/:cid',async (ctx)=>{
    //获取动态路由的传值
    console.log(ctx.params);  //{ aid: '123', cid: '456' }
    ctx.body="新闻详情";
})

app.use(router.routes());   /*启动路由*/
app.use(router.allowedMethods());

app.listen(3000);