nodejs系列:74.koa之koa-combine-routers-中

103 阅读3分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第20天,点击查看活动详情

系列介绍

该系列主要是介绍一些nodejs相关的基础知识,没有什么特别难的知识点,都是一些比较基础知识点。大家学习起来,也会比较容易理解和接收。

这些知识点,也是以前自己学习nodejs的时候,学习过的知识点。有些知识点,可能是由于学习的时间比较久了,也有可能是平时工作中用到的机会比较少,也差不多快把它们都忘记掉了。现在把它们都写下来,写成文章,一方面是记录下自己以前学习的nodejs知识点,一方面也是复习巩固自己以前学习的nodejs知识点。不要学着学着,就把以前的知识点都忘光了。

环境安装

实现之前,你首先需要安装nodejs环境。因为我们写的代码需要在node环境上运行,如果你没有,那么文件会运行不了。

以下是nodejs的安装地址,如果你没有安装的话,可以先把它安装上。安装了可以忽略这一步,跳到下面一步。

nodejs安装

前言

在上一篇文章里nodejs系列:73.koa之koa-combine-routers-上,主要是完成了示例要用到的客户端页面。

客户端页面完成了,接下来,要完成服务器端代码了。

koa-combine-routers

koa-combine-routers中间件,可以将多个路由合并成一个路由使用。在我们项目开发中,如果路由比较多,都写在一个文件里,那就会导致该文件过大和过于臃肿。而使用koa-combine-routers中间件,就可以做分路由管理,把路由给拆分出去。

示例

我们要完成示例要用的服务器端代码

创建文件

创建一个index.js页面,我们的客户端页面代码,将在这个文件里完成

创建routers目录

由于需要拆分路由,所以要创建一个routers目录。

在示例里,我会用到两个路由,所以我创建了3个路由文件

分别为:routers.js,loginRouter.js,userRouter.js

0001.png

routers.js

这是总路由的出口

const combineRouters = require("koa-combine-routers");
​
const loginRouter = require("./loginRouter");
const userRouter = require("./userRouter");module.exports = combineRouters(loginRouter, userRouter);

引入koa-combine-routers中间件,引入login路由和user路由。使用koa-combine-routers中间件,把login路由和user路由合并成一个路由,然后导出。

loginRouter.js

这是login路由

const KoaRouter = require("koa-router");
​
const router = new KoaRouter();
​
router.get("/login", (ctx) => {
  ctx.body = {
    code: 200,
    message: "登录成功",
  };
});module.exports = router;

定义了一个/login接口,设置接口的返回值,然后把login路由导出

userLogin

这是user路由

const KoaRouter = require("koa-router");
​
const router = new KoaRouter();
​
router.get("/user", (ctx) => {
  ctx.body = {
    code: 200,
    message: "返回用户信息内容",
  };
});module.exports = router;

定义了一个/user接口,设置接口的返回值,然后把user路由导出

使用路由
const koa = require("koa");
const router = require("./routers/routers");
​
const app = new koa();
app.use(router());

在index.js文件里,引入koa,创建koa实例对象。

引入router总路由,通过koa实例对象,使用router中间件。

监听端口
app.listen(3000, () => {
  console.log("服务器启动了");
});

监听端口,启动服务器

小结

本小结主要是完成了示例要用到的服务器端代码逻辑,为后面的联调做好准备。

最后,放上自己比较喜欢的一句诗句:

千淘万漉虽辛苦,吹尽狂沙始到金 - 唐 刘禹锡《浪淘沙》