百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

手把手搭建koa2后端服务器-API文档生成(番外)

ztj100 2024-12-25 16:49 15 浏览 0 评论

因为我们之前的框架没有接入 API 文档,而大多数 API 文档均采用编写注释来生成,我不是特别喜欢这种方式,所以暂时没有添加,后来发现一个库—koa-swagger-decorator,它对 koa-router 进行了封装,可以自动生成 API 文档,而且自带验证,这种方式比较好,但是项目结构上会有一些细微的差异,因此我决定单开一个分支来使用这种方式初始化一个新的项目,大家可以选择自己喜欢的项目结构来使用,这篇文档我只介绍与之前不同的地方,如果一模一样,我就不单独写了。

创建项目目录

mkdir koa2-demo

yarn init

安装依赖库

yarn add koa koa-body koa-swagger-decorator dotenv log4js typeorm reflect-metadata mysql2 koa2-cors bcryptjs jsonwebtoken

yarn add -D ts-node typescript nodemon @types/dotenv @types/koa @types/log4js @types/reflect-metadata @types/koa2-cors @types/bcryptjs @types/jsonwebtoken

这里我们一次性把常用的库全部安装上,下面我大概介绍以下库的用途:

  • koa-body:解析 post 参数的库,koa 默认会解析查询参数和路径参数,但是对于请求体没有解析,所以需要这个库,我们就能使用 ctx.request.body 来处理请求体了。
  • koa-swagger-decorator:这个库当中集成了 路由(koa-router)、认证(validator)库,这个就不需要我们单独安装了。
  • dotenv:环境变量读取库。
  • log4js:日志处理库。
  • typeorm、reflect-metadata、mysql2:数据库操作库。
  • bcryptjs:加密库。
  • jsonwebtoken:jwt 加解密库。
  • ts-node:支持ts直接运行的库。
  • nodemon:监控文件改变热加载的库。
  • 其他:@types开头的库都是为了支持 ts 提示的,在安装库的时候使用@type/库名 ,如果可以安装就安装,如果没有就不需要安装。

接下来除了请求参数校验和路由动态加载以外,其他的均可参考之前的教程。

路由处理修改

// src/router/index.ts
import path from 'path';
import { SwaggerRouter } from 'koa-swagger-decorator';

const router = new SwaggerRouter();

// 定义 schema 的初始信息
router.swagger({
  title: 'koa2 基础 API',
  description: 'API',
  version: '1.0.0',
});

// 这里会动态的检索 controller 目录下的所有 .js、.ts 文件,并获取默认导出类,生成路由和API
// 因此就不需要我们再收到注册路由和自己实现动态加载路由的功能了,具体的路由格式请参考 controller
// 目录下的实现
router.mapDir(path.resolve(__dirname, '../controller'));

// 重定向/路由到/swagger-html路由,这是默认的API文档路由地址
router.redirect('/', '/swagger-html');

export default router;

业务逻辑修改

之前我们通过在 controller 下创建子目录及指定名称的文件来区分业务逻辑,例如

- controller
  - common
    - view.ts
    - router.ts
    - rules.ts
    - types.ts

现在我们可以简化这个目录,结构如下:

- controller
  - common
    - view.ts
    - schema.ts

其中 view.ts 中实现我们的业务逻辑,schema.ts 中定义我们的参数信息,用来进行参数验证和API文档生成。

修改登录逻辑

// src/controller/common/view.ts
import { Context } from 'koa';
import bcryptjs from 'bcryptjs';
import { request, summary, body, tags } from 'koa-swagger-decorator';
import response from '../../utils/response';
import { loginRules } from './schema';
import User from '../../entity/User';
import { generateToken } from '../../utils/auth';

export default class IndexController {
  @request('post', '/login')
  @summary('登录')
  @tags(['基础接口'])
  @body(loginRules)
  static async login(ctx: Context) {
    const data = ctx.request.body;
    // 校验用户是否存在
    let user: User | undefined = await User.getUserInfo(data.username);
    if (!user) {
      response.error(ctx, '用户不存在');
      return;
    }

    // 校验密码是否正确
    if (!bcryptjs.compareSync(data.password, user.password)) {
      response.error(ctx, '密码错误');
      return;
    }

    const { password, ...rest } = user;
    const token = generateToken(rest);
    response.success(ctx, { token }, '登录成功');
  }
}

主体逻辑基本没有变化,有几个需要注意的点

  • 类必须使用 export default 导出,路由扫描时会通过这个进行验证(必须)
  • 使用@request装饰器修饰函数,参数为方法类型和地址,路由注册是就会根据这些生成,而不是根据我们的函数名(必须)
  • 函数应该定义成静态的,因为在使用的时候并不会创建类对象,使用静态方法更符合状况(可选)

我们访问:http://localhost:3100/ 就可以看到API文档

路由修饰参数的意义

路由装饰器分为两种:函数装饰器和类装饰器

函数装饰器

  • request:定义路由方法和地址,用于注册路由和API接口文档
  • summary:API 文档中的路由解释,参考上图
  • tags:路由分类,API 文档中用来对多个路由进行分组显示。
  • query:查询参数:url?name=xxx&age=12
  • path:路径参数:/getuserinfo/{id}
  • body:请求体参数
  • formData:表单数据。
  • middlewares:koa中间件,eg:[md1, md2]
  • security:
  • description:接口描述
  • responses:接口返回值,可以设定不同的状态返回不同的数据
  • deprecated:

类装饰器

  • orderAll:参数为数字,表示在文档中的位置。
  • tagsAll:此类下的所有路由都属于这个tag。
  • responsesAll:此类下的所有路由都返回这种类型。
  • middlewaresAll:此类下的所有路由都拥有的中间件。
  • securityAll:
  • deprecatedAll:
  • queryAll:此类下的所有路由都拥有的查询参数,与函数的查询参数会合并。

参数验证

参数校验支持:string, number, boolean, object, array。在object和array里面的参数也支持校验,对于integer类型是不支持校验的,会直接返回其值。默认是开启校验的,可以通过配置关闭校验。

router.mapDir(__dirname, { doValidation: true})

经过校验的数据可以通过ctx.validatedBody等方式获取经过校验的数据了,对应关系如下:

  • ctx.query ≤==> ctx.validatedQuery
  • ctx.params ≤==> ctx.validatedParams
  • ctx.request.body ≤==> ctx.validatedBody

校验对象配置

  • 基础校验字段

字段

值类型

备注

required

boolean

必须参数

example

any

参数类型,API 文档中使用的示例

description

string

接口描述

readOnly

boolean

只读参数

writeOnly

boolean

只写参数

nullable

boolean

是否可以为空

  • 字符串类型

字段

值类型

备注

type

'string'


minLength

number

最小长度,实测不会校验

maxLength

number

最大长队,实测不会校验

format

string

格式校验,email

pattern

string

正则验证

  • 数值类型

字段

值类型

备注

type

'number'


minimum

number


exclusiveMinimum

boolean


maximum

number


exclusiveMaximum

boolean


multipleOf

number


  • 布尔类型

字段

值类型

备注

type

'boolean'


  • 数组类型

字段

值类型

备注

type

'array'


minItems

number


maxItems

number


uniqueItems

boolean


items

PropertyOptions


  • 对象类型

字段

值类型

备注

type

'object'


properties

any


minProperties

number


maxProperties

number

相关推荐

使用Python编写Ping监测程序(python 测验)

Ping是一种常用的网络诊断工具,它可以测试两台计算机之间的连通性;如果您需要监测某个IP地址的连通情况,可以使用Python编写一个Ping监测程序;本文将介绍如何使用Python编写Ping监测程...

批量ping!有了这个小工具,python再也香不了一点

号主:老杨丨11年资深网络工程师,更多网工提升干货,请关注公众号:网络工程师俱乐部下午好,我的网工朋友。在咱们网工的日常工作中,经常需要检测多个IP地址的连通性。不知道你是否也有这样的经历:对着电脑屏...

python之ping主机(python获取ping结果)

#coding=utf-8frompythonpingimportpingforiinrange(100,255):ip='192.168.1.'+...

网站安全提速秘籍!Nginx配置HTTPS+反向代理实战指南

太好了,你直接问到重点场景了:Nginx+HTTPS+反向代理,这个组合是现代Web架构中最常见的一种部署方式。咱们就从理论原理→实操配置→常见问题排查→高级玩法一层层剖开说,...

Vue开发中使用iframe(vue 使用iframe)

内容:iframe全屏显示...

Vue3项目实践-第五篇(改造登录页-Axios模拟请求数据)

本文将介绍以下内容:项目中的public目录和访问静态资源文件的方法使用json文件代替http模拟请求使用Axios直接访问json文件改造登录页,配合Axios进行登录请求,并...

Vue基础四——Vue-router配置子路由

我们上节课初步了解Vue-router的初步知识,也学会了基本的跳转,那我们这节课学习一下子菜单的路由方式,也叫子路由。子路由的情况一般用在一个页面有他的基础模版,然后它下面的页面都隶属于这个模版,只...

Vue3.0权限管理实现流程【实践】(vue权限管理系统教程)

作者:lxcan转发链接:https://segmentfault.com/a/1190000022431839一、整体思路...

swiper在vue中正确的使用方法(vue中如何使用swiper)

swiper是网页中非常强大的一款轮播插件,说是轮播插件都不恰当,因为它能做的事情太多了,swiper在vue下也是能用的,需要依赖专门的vue-swiper插件,因为vue是没有操作dom的逻辑的,...

Vue怎么实现权限管理?控制到按钮级别的权限怎么做?

在Vue项目中实现权限管理,尤其是控制到按钮级别的权限控制,通常包括以下几个方面:一、权限管理的层级划分...

【Vue3】保姆级毫无废话的进阶到实战教程 - 01

作为一个React、Vue双修选手,在Vue3逐渐稳定下来之后,是时候摸摸Vue3了。Vue3的变化不可谓不大,所以,本系列主要通过对Vue3中的一些BigChanges做...

Vue3开发极简入门(13):编程式导航路由

前面几节文章,写的都是配置路由。但是在实际项目中,下面这种路由导航的写法才是最常用的:比如登录页面,服务端校验成功后,跳转至系统功能页面;通过浏览器输入URL直接进入系统功能页面后,读取本地存储的To...

vue路由同页面重定向(vue路由重定向到外部url)

在Vue中,可以使用路由的重定向功能来实现同页面的重定向。首先,在路由配置文件(通常是`router/index.js`)中,定义一个新的路由,用于重定向到同一个页面。例如,我们可以定义一个名为`Re...

那个 Vue 的路由,路由是干什么用的?

在Vue里,路由就像“页面导航的指挥官”,专门负责管理页面(组件)的切换和显示逻辑。简单来说,它能让单页应用(SPA)像多页应用一样实现“不同URL对应不同页面”的效果,但整个过程不会刷新网页。一、路...

Vue3项目投屏功能开发!(vue投票功能)

最近接了个大屏项目,产品想在不同的显示器上展示大屏项目不同的页面,做出来的效果图大概长这样...

取消回复欢迎 发表评论: