Koa2教程（常用中间件篇）-白红宇

Koa2教程（常用中间件篇）

阅读量：4082 次

发布时间：2019-05-25

本文共 4199 字，大约阅读时间需要 13 分钟。

目录
一、koa-bodyparser
二、koa-router
三、koa-views + ejs
四、koa-static
五、koa-session
六、koa-jwt
七、koa-helmet
八、koa-compress
九、koa-logger
十、koa-convert
十一、koa-compose
十二、koa-http-request
十三、koa-conditional-get
十四、koa-csrf
十五、koa-ejs
十六、koa-etag
十七、koa-favicon
十八、koa-generic-session
十九、koa-onerror
二十、koa-redis
二十一、koa-resource-router
二十二、koa-rewrite
二十三、koa-rt
二十四、koa-safe-jsonp
二十五、koa-static-cache

系列教程

一、koa-bodyparser

1、功能：解析请求体

2、

3、代码实现

const Koa = require('koa');const app = new Koa();const bodyParser = require('koa-bodyparser'); app.use(bodyParser()); app.use(async(ctx)=>{    if(ctx.url === '/' && ctx.method === 'GET'){        //显示表单页面        let html=`            Koa2 request POST
            
                   
    userName
                
    
    
                
    age
                
    
    
                
                
   
        `;        ctx.body=html;    }else if(ctx.url === '/' && ctx.method === 'POST'){         let postData = ctx.request.body;         ctx.body = postData;    }else{        ctx.body = '404!
';    }});app.listen(3000, () => {    console.log('[demo] server is starting at port 3000');});

二、koa-router

1、功能：路由

2、

3、基础格式

const Koa = require('koa');const Router = require('koa-router'); const app = new Koa();const router = new Router(); //实现 '/'、'/koa'两个路由层级router    .get('/',(ctx,next)=>{        ctx.body="Index page";    })    .get('/koa',(ctx,next)=>{        ctx.body="Koa page";    }); app  .use(router.routes())  .use(router.allowedMethods());  app.listen(3000,()=>{    console.log('starting at port 3000');});

4、路由层级

（1）全局层级

//所有路由必须加上一个tony父层级，才能被访问const router = new Router({      prefix: '/tony'})

（2）局部层级

const Koa = require('koa');const app = new Koa();const Router = require('koa-router');//实现'/home'、'/page'两个子路由层级，以及各自的两个孙子路由层级//子路由let home = new Router();home    .get('/',async(ctx)=>{        ctx.body="Home";    })    .get('/one',async(ctx)=>{        ctx.body="Home one";    })    .get('/two',async(ctx)=>{        ctx.body ='Home two';    })let page = new Router();page    .get('/',async(ctx)=>{        ctx.body="Page";    })    .get('/one',async(ctx)=>{        ctx.body="Page one";    })    .get('/two',async(ctx)=>{        ctx.body ='Page two';    })//总路由，装载子路由let router = new Router();router.use('/home',home.routes(),home.allowedMethods());router.use('/page',page.routes(),page.allowedMethods());//加载路由中间件app.use(router.routes()).use(router.allowedMethods());app.listen(3000,()=>{    console.log('[demo] server is starting at port 3000');});

三、koa-views + ejs

1、功能：视图模板渲染

2、 &&

3、在根目录下，新建views文件夹，并添加index.ejs


               
           <%=title%>                <%=title%>

4、代码实现

const Koa = require('koa')const views = require('koa-views')const path = require('path')const app = new Koa()// 定位模板文件目录，并选择模板引擎app.use(views(path.join(__dirname, './views'), {  extension: 'ejs'}))app.use( async ( ctx ) => {  let title = 'hello koa2'  //渲染index.ejs，并传入title变量  await ctx.render('index', {    title  })})app.listen(3000,()=>{    console.log('[demo] server is starting at port 3000');})

四、koa-static

1、功能：处理静态资源

2、

3、代码实现

const Koa = require('koa')const path = require('path')const static = require('koa-static')const app = new Koa()const staticPath = './static'//即可直接通过'./static'，访问到静态资源app.use(static(  path.join(__dirname, staticPath)))app.use( async ( ctx ) => {  ctx.body = 'hello world'})app.listen(3000, () => {  console.log('[demo] static-use-middleware is starting at port 3000')})