纵横研究院NodeJS技术专题社区

koa2的重点使用

2019-10-31  本文已影响0人  duangdong

[TOC]

Koa2

Koa2是现在最流行的基于Node.js平台的web开发框架，它很小，但扩展性很强

使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。一个Koa应用就是一个对象，包含了一个middleware数组，这个数组由一组Generator函数组成。这些函数负责对HTTP请求进行各种加工，比如生成缓存、指定代理、请求重定向等等。这些中间件函数基于 request 请求以一个类似于栈的结构组成并依次执行。

运行环境搭建

知识为了能够让koa运行起来，没有在框架中使用

知识简单的初始化项目，简单示例

安装Node

初始化项目

Koa2中的请求

GET请求

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

POST请求

对于POST请求的处理，Koa2没有封装方便的获取参数的方法，需要通过解析上下文context中的原生node.js请求对象req来获取。

获取Post请求的步骤：

ctx.request和ctx.req的区别

ctx.method 得到请求类型

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

app.use(async ctx => {
  if (ctx.url === "/" && ctx.method === "GET") {
    let html = `
            <h1>这是get的表单提交</h1>
            <form action="/post" method="POST">   
                <p>姓名</p>
                    <input type="text" />
                <p>年龄</p>
                    <input type="text" />
                <br/>
                <button type="submit">提交</button>
            </form>
        `;
    ctx.body = html;
  } else if (ctx.url==='/post' && ctx.method === "POST") {
    let result = await parsePostData(ctx);
    // console.log(result);
    ctx.body = result;
  } else {
    ctx.body = `<h1>404 NOT FOUND</h1>`;
  }
});


//使用ctx.req.on来接收事件
function parsePostData(ctx){
    return new Promise((resolve,reject)=>{
        try {
            let postData = '';
            ctx.req.on('data', data =>{
                console.log(data);
                postData += data;
            });
            ctx.req.addListener('end',()=>{
                let parseData = parseQueryStr(postData);
                resolve(parseData);
            });
        } catch (error) {
            reject(error);
        }
    });
}

//将POST字符串解析JSON对象
function parseQueryStr(queryStr){
    let queryData={};
    let queryStrList = queryStr.split('&');
    console.log(queryStrList);
    for( let [index,queryStr] of queryStrList.entries() ){
        let itemList = queryStr.split('=');
        console.log(itemList);
        queryData[itemList[0]] = decodeURIComponent(itemList[1]);
    } 
    return queryData
}

app.listen(8999, () => {
  console.log("serve is listening on 8999");
});

使用koa-bodyParser中间件

接收并解析POST请求

koa2中的路由

koa2中原生路由的实现

const Koa = require('koa');
const fs = require('fs');
const app = new Koa();
 
function render(page){
   
   
        return  new Promise((resolve,reject)=>{
            let pageUrl = `./page/${page}`;
            fs.readFile(pageUrl,"binary",(err,data)=>{
                console.log(444);
                if(err){
                    reject(err)
                }else{
                    
                    resolve(data);
                }
            })
        })
    
}
 
async function route(url){
    
    let page = '404.html';
    switch(url){
        case '/':
            
            page ='index.html';
            break;
        case '/index':
            page ='index.html';
            break;
        case '/todo':
            page = 'todo.html';
            break;
        case '/404':
            page = '404.html';
            break;
        default:
            break; 
    }
    let html = await render(page);
    
    return html;
}
 
app.use(async(ctx)=>{
    let url = ctx.request.url;
    let html = await route(url);
    
    ctx.body=html;
})
app.listen(3000);
console.log('starting at 3000');

koa-router中间件的使用

路由的层级

也就是我们常说的父子路由

Koa2中使用Cookie

koa的上下文（ctx）直接提供了读取和写入的方法。
让我们直接操作cookie

ctx.cookies.set(name, value, [options])

通过 options 设置 cookie name 的 value :

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

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

router
    .get('/',(ctx,next)=>{

    })
    .get('/list',(ctx,next)=>{

    })
app

   .use(async(ctx)=>{
       if(ctx.url ==='/'){
            ctx.cookies.set('myCookieTest1','zhouqd1',{
                domain: '127.0.0.1', // 写cookie所在的域名
                path: '/',       // 写cookie所在的路径
                maxAge: 1000*60*60*24,   // cookie有效时长
                expires: new Date('2020-12-31'), // cookie失效时间
                httpOnly: false,  // 是否只用于http请求中获取
                overwrite: false  // 是否允许重写
            });
            ctx.body = 'cookie is ok';
       }else{
            if(ctx.cookies.get('myCookieTest1')){
               ctx.body = ctx.cookies.get('myCookieTest1');
            }
       }
   })
   .use(router.routes())
   .use(router.allowedMethods())

app.listen(8998, () => {
  console.log("serve is listening on 8998");
});

koa2中的模板

开发中不可能把所有的html代码全部卸载JS里，这显然不现实，也没办法完成大型web开发。必须借用模板机制来帮助我们开发，这节课我们就简单了解一下Koa2的模板机制，koa2的目标机制要依靠中间件来完成开发。

koa2中的静态资源的处理

在后台开发中不仅有需要代码处理的业务逻辑请求，也会有很多的静态资源请求。比如请求js，css，jpg，png这些静态资源请求。也非常的多，有些时候还会访问静态资源路径。用koa2自己些这些静态资源访问是完全可以的，但是代码会雍长一些。所以这节课我们利用koa-static中间件来实现静态资源的访问。

上一篇下一篇

猜你喜欢

热点阅读