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')) // 接收静态资源目录
相关推荐
zhensherlock4 小时前
Protocol Launcher 系列:Beorg 高效任务管理的协议支持
前端·javascript·typescript·node.js·自动化·github·js
我命由我123452 天前
JavaScript 开发 - 获取函数名称、获取函数参数数量、获取函数参数名称
开发语言·前端·javascript·css·html·html5·js
爱上好庆祝2 天前
学习js的第四天
前端·css·学习·html·css3·js
zhensherlock4 天前
Protocol Launcher 系列:Tally 快速计数器的深度集成
前端·javascript·typescript·node.js·自动化·github·js
爱上好庆祝4 天前
学习js的第三天
前端·css·人工智能·学习·计算机外设·js
zhensherlock4 天前
Protocol Launcher 系列:Working Copy 文件操作与高级命令详解
javascript·git·typescript·node.js·自动化·github·js
zhensherlock5 天前
Protocol Launcher 系列:Working Copy 提交与同步全攻略
javascript·git·typescript·node.js·自动化·github·js
天若有情6735 天前
【开源推荐】form-validator-cn 轻量级中文表单校验库 | TS 零依赖、极简开箱即用
前端·npm·开源·node·js·表单校验
zhensherlock7 天前
Protocol Launcher 系列:Trello 看板管理的协议自动化
前端·javascript·typescript·node.js·自动化·github·js
珊瑚怪人9 天前
分享一个Edge浏览器播放H265 RTSP流的问题,涉及到ZLMediaKit、WebRTC
音视频·视频·js·zlmediakit·视频流处理