koa学习

koa

hello world

复制代码
const Koa = require('koa')

const app = new Koa()


app.listen(8000,()=>{
  console.log('koa server success')
})

中间件:只能通过use来注册中间件

复制代码
// 中间件
app.use((ctx,next)=>{
  console.log('koa 普通中间件')
  ctx.response.body = 'hello koa middleware'

  next()
})

路由使用 koa-router

安装 npm install koa-router

创建路由文件 routers/users.js

复制代码
//routers/users.js
const Router = require('koa-router')
const router = new Router({prefix:'/users'})

// 用户列表接口 /users/lists

router.get('/lists',  (ctx, next) => {
  ctx.response.body = 'user lists'
})

module.exports = router

引入路由,注册路由

复制代码
const Koa = require('koa')

const userRouter = require('./routers/user')

const app = new Koa()

//  使用路由
app.use(userRouter.routes())
// 处理405和501错误
app.use(userRouter.allowedMethods()) 


app.listen(8000,()=>{
  console.log('koa server success')
})

参数解析

params 和 query

复制代码
const router = require('koa-router')

const userRouter = new router({prefix:'/users'})

userRouter.get('/:id', (ctx,next)=>{
  console.log('获取params参数', ctx.params)
  console.log('获取query参数', ctx.query)
  ctx.response.body = 'user id:'+ctx.params.id
})

app.use(userRouter.routes())

//请求路径 /users/yyy?username=yyy&password=123456Aa
//打印内容
//获取params参数 { id: 'yyy' }
//获取query参数 { username: 'yyy', password: '123456Aa' }

json 和 urlencoded

安装第三方插件 koa-bodyparser'

npm install koa-bodyparser'

引入插件,自动解析json和urlencoded参数
复制代码
const bodyParser = require('koa-bodyparser')

app.use(bodyParser())

app.use((ctx,next)=>{
    
    console.log('请求体参数', ctx.request.body)
    ctx.response.body = 'requset body parser'

})

form-data 参数解析

安装koa-multer插件

npm install koa-multer

引入,注册插件

`

const multer = require('koa-multer')

const upload = multer()

loginRouter.post('/', upload.any(), (ctx,next)=>{

console.log('form-data 数据', ctx.req.body) // 注意是在ctx.req.body中获取解析数据

ctx.response.body = 'login success'

})

`

文件上传

复制代码
const multer = require('koa-multer')


const storage = multer.diskStorage({
    // 文件保存路径
    destination: function (req, file, cb) {
        cb(null, './uploads/')
    },
    // 修改文件名称
    filename: function (req, file, cb) {  
      console.log('file', file)
      // 使用更安全的方式生成文件名
      const filename = Date.now() + '-' + Math.round(Math.random() * 1E9) + file.originalname
      cb(null, filename)
    }
})

const upload = multer({storage: storage})

uploadRouter.post('/image', upload.single('file'), (ctx,next)=>{

    ctx.response.body = 'upload success'
})

部署静态资源

安装插件 npm install koa-static

部署

复制代码
const staticAssets= require('koa-static')
app.use(staticAssets(__dirname + '/public')) // 接收静态资源目录
相关推荐
东方不败之鸭梨的测试笔记11 小时前
lodash-cloneDeep
js
道法自然|~3 天前
【建站】网站使用天地图
html·web·js
小阿宁的猫猫4 天前
XSS的原理、使用、防御方法及练习题
web安全·网络攻击模型·xss·js
逆向新手5 天前
js逆向-某省特种设备aes加密研究
javascript·爬虫·python·逆向·js
椰羊~王小美6 天前
前端js用法:val ?? 0 和 val || 0
js
苏打水com6 天前
第二十篇:Day58-60 前端性能优化进阶——从“能用”到“好用”(对标职场“体验优化”需求)
前端·css·vue·html·js
苏打水com7 天前
第十五篇:Day43-45 前端性能优化进阶——从“可用”到“极致”(对标职场“高并发场景优化”需求)
前端·css·vue·html·js
布茹 ei ai8 天前
7、基于GEE 平台的 VIIRS 夜间灯光监测工具
云计算·js·遥感·gee
lxh01139 天前
二叉树中的最大路径和
前端·算法·js