《前端之路》--- 重温 Koa2

目录

• 一、简单介绍
  • 1.1、快速开始 （这里省略了安装的过程）
  • 1.2、源码简单解析
  • 1.3、中间件的简单开发
• 二、 路由
• 三、请求数据
  • 3.1、 GET 请求数据获取
  • 3.2、 POST 请求数据获取
  • 3.3、 koa-bodyparser中间件
• 四、 静态资源加载
  • 4.1、静态资源加载源码解析
• 五、 Koa2 使用 cookie/session
  • 5.1、koa2 使用 cookie
  • 5.2、koa2 使用 session
    • 5.2.1、 通过 koa-session 直接将信息存储在 内存中
    • 5.2.2、 通过 koa-mysql-session 和 koa-session-minimal 将信息存储在 mysql 中
• 六、 koa2加载模板引擎
  • 6.1、 koa2 加载模板引擎 （ejs）
• 七、 koa2 中简单使用 mysql 数据库
• 八、 koa2 中使用单元检测
• 九、 node 服务端开发过程中的 开发 debug 方式
  • 9.1、vscode 进行debug
  • 9.2、chrome 浏览器进行 debug
• 十、总结

一、简单介绍

1.1、快速开始 （这里省略了安装的过程）

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

app.use( async ( ctx ) => {
  ctx.body = 'hello koa2'
})

app.listen(3000)

1.2、源码简单解析

源码文件主要包含了 application.js 、context.js 、request.js 、response.js

• application.js 是 Koa 的入口文件封装了 ctx、request、response， 以及核心的中间件处理流程
• context.js 处理应用上下文，里面直接封装部分request.js和response.js的方法
• request.js 处理http请求
• response.js 处理http响应

1.3、中间件的简单开发

这里主要介绍如何使用 async/await 在 koa2 中进行中间件的开发

middleware 在 koa2 中如何使用

const Koa = require('koa')
const logger = require('./middleware/logger-async')

const app = new Koa()

app.use(logger())

app.use(ctx => {
	ctx.body = 'hello middleware'
})

app.listen(3000)

如何编写一个简单的 middleware 中间件

function log(ctx) {
	console.log( ctx.method, ctx.header.host + ctx.url )
}

module.exports = function() {
	return async function(ctx, next) {
		log(ctx)
		await next()
	}
}

// 对，就是这样，so easy

二、 路由

原生 JS 实现 koa 的 router

经过思考