【js全栈】- koa2-路由koa-router

你不能撒谎，撒谎这个东西你一开始就停不下来了。

简洁是智慧的灵魂，冗长是肤浅的藻饰 --《哈姆莱特》

书接上回koa2安装，在koas的项目中我们开启了服务，看见了hello，world。在后端的开发实际中，这些是不够的。不急，跟着文章走，不能保证你精通，但绝对够你入门。

本文收录于：js全栈工程师

理解：在我肤浅的开发之中。路由管理，大部分是接收不同的api请求，返回数据的。例如一个 api／user的请求，发送过来账号，md5加密后的密码，我们把路由带进来的参数与数据库比对，给出相应的返回。

• 安装路由管理插件

npm install koa-router -s

在webstom中的命令行中键入命令即可

• 编辑路由文件

后端的复杂，大抵就是不知道业务会拓展到什么状况，功能多么复杂。因此这里我们使用文件夹来管理。

目录是 ./router/index

const router = require('koa-router')();   //引入路由函数

router.get('/',async(ctx,next)=>{
    "use strict";
    ctx.redirect('/index')
})
// 路由中间，页面路由到／，就是端口号的时候，（网址），页面指引到／index


router.get('/index',async(ctx,next)=>{
    "use strict";
    let html = `
            
请你使用post来获取json
            

                
                
                提交
            
        `
    ctx.body= html
})
//在index的路由的时候返回一段html，（实际开发中，不会这样做的） 页面是一个表单，模拟我们的前端或者移动
// 操作动作，（记住，这是动作。后面的redux中是很重要的一部分）提交数据到／api的路由中

router.post('/api',async(ctx, next) => {
    let apps = ctx.request.body
    console.log(ctx.request.body )
    ctx.body = '111111'
})
//页面路由到api的时候，
//  ctx.redirect.body及时之前提交表单的数据
// ctx.body就是页面的返回体，之前说过了，这里赋值是什么，就返回什么。

module.exports = router
//将页面暴露出去

还有app .js编辑

const Koa = require('koa')   //koa2中间件依赖
const app = new Koa()       //js的继承
const Router = require('koa-router')  //路由依赖的中间间

// app.use( async ( ctx ) => {
//     ctx.body = 'hello world'
// })                           //koa2中间件，使用路由的(使用路由后，这里就不会在编辑代码了)


app.use(require('./router/index').routes())

app.listen(3000)            //服务启动端口
console.log('启动成功')      //日志打印

执行代码效果

路由到index页面

点击提交后。

路由到api页面

页面也能路由到api页面了。但是，我们要获取的是表单内提交的数据。而不是11111。（这里有个坑，自己爬....）还差一个插件，这就是kao2我认为的一个好处，按需使用。灵巧，便捷。

---

• koa-bodyparser 上下文解析插件
  安装命令

npm install koa-bodyparser -s

app.js项目入口文件使用。

const Koa = require('koa')   //koa2中间件依赖
const app = new Koa()       //js的继承
const Router = require('koa-router')  //路由依赖的中间间
const bodyParser = require('koa-bodyparser')  //请求体，返回体解析类似json，text，图片等
// app.use( async ( ctx ) => {
//     ctx.body = 'hello world'
// })                           //koa2中间件，使用路由的(使用路由后，这里就不会在编辑代码了)

app.use(bodyParser())    //使用解析上下文插件

app.use(require('./router/index').routes())

app.listen(3000)            //服务启动端口
console.log('启动成功')      //日志打印

路由页面修改

const router = require('koa-router')();   //引入路由函数

router.get('/',async(ctx,next)=>{
    "use strict";
    ctx.redirect('/index')
})
// 路由中间间，页面路由到／，就是端口号的时候，（网址），页面指引到／index


router.get('/index',async(ctx,next)=>{
    "use strict";
    let html = `
            
请你使用post来获取json
            

                
                
                提交
            
        `
    ctx.body= html
})
//在index的路由的时候返回一段html，（实际开发中，不会这样做的） 页面是一个表单，模拟我们的前端或者移动
// 操作动作，（记住，这是动作。后面的redux中是很重要的一部分）提交数据到／api的路由中

router.post('/api',async(ctx, next) => {
    let apps = ctx.request.body
    console.log(ctx.request.body )
    ctx.body = apps
})
//页面路由到api的时候，
//  ctx.redirect.body及时之前提交表单的数据
// ctx.body就是页面的返回体，之前说过了，这里赋值是什么，就返回什么。

module.exports = router
//将页面暴露出去

• 重启项目

这里输入数据，点击提交。

index路由页面

页面返回你输入的数据，即表示路由成功

api路由页面

还是那句话，或看官网api，对于学习koa回更好。

koa官网

总结
在实际的开发中，后端只是返回不同的json，路由只是对应的返回数据。koa-bodyparser插件的作用来解析请求题的参数，json，图片，文件什么的。后期会有详细的讲解。这里了解一下就好。

是不是觉得后端也不难，那就对了，我们不要急，循序渐进的学习koa。
后端之中，数据库是很关键的一点。我更新慢，因为事多，（最近写小程序）。建议去看看数据库，mysql。我也有写了一篇，3000多字，关键我觉得垃圾。但以我的尿性，肯定是推翻重来的。

关注我，下章讲静态资源管理，彻彻底底的前后端分离开发。

我爱你，就像星星爱着月亮。感谢你们的点赞与关注