npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@ddn/swagger-docs

v2.3.7

Published

Swagger for egg

Downloads

78

Readme

@ddn/swagger-docs

SwaggerUI 生成器,可根据 用户注释 自动生成 OpenAPI 的工具。

可以作为 Egg.js 插件使用,也可以作为命令行工具使用。应用启动后访问 /swagger-ui.html 可以浏览接口、测试接口,访问 /swagger-doc,直接获取获取 openapi.json 文件.

感谢:https://github.com/Yanshijie-EL/egg-swagger-doc

特别说明

  • 为什么没有直接 fork,然后 PR ?原因是原作者的代码是 Swagger 2.0 规范,与 openAPI 3.0 规范有一定的出入,改动比较大。
  • 为什么一定要生成 openAPI 3.0 规范的格式和文件?因为,另外两个插件都将按照该规范一键生成 前端和后台的 Models 。当然,还有其他更多需求。

升级改进

  1. 支持 openAPI 3.0 版本,详细规范:openAPI v3.0.0
  2. 支持 RESTful API 参数自动生成;
  3. 升级到最新版的 swagger-ui-dist 包。
  4. 。。。

安装

$ npm i @ddn/swagger-docs --save

使用

// {app_root}/config/plugin.js
exports.swaggerdoc = {
  enable: true,
  package: '@ddn/swagger-docs',
};

设置

// {app_root}/config/config.default.js
exports.swaggerdoc = {
  dirScanner: './app/controller',
  apiInfo: {
    title: 'egg-swagger',
    description: 'swagger-ui for egg',
    version: '1.0.0',
  },
  servers: [
    {
      url: "https://petstore3.swagger.io/api/v3"
    },
    {
      url: "http://localhost:7200"
    }
  ],
  consumes: ['application/json'], 
  securitySchemas: {
    // apikey: {
    //   type: 'apiKey',
    //   name: 'clientkey',
    //   in: 'header',
    // },
    // oauth2: {
    //   type: 'oauth2',
    //   tokenUrl: 'http://petstore.swagger.io/oauth/dialog',
    //   flow: 'password',
    //   scopes: {
    //     'write:access_token': 'write access_token',
    //     'read:access_token': 'read access_token',
    //   },
    // },
  },
  enableSecurity: false,
  // enableValidate: true,
  routerMap: false,
  enable: true,
};

see config/config.default.js for more detail.

验证:

  • 编辑器: https://editor-next.swagger.io/
  • 中文文档: https://openapi.apifox.cn/
  • 参考规范 https://github.com/OAI/OpenAPI-Specification/blob/main/versions/3.0.3.md

介绍

完成插件引入之后,如果不修改默认配置,应用启动后,会自动扫描 app/controller 和 app/contract 下的文件。controller下的文件先不做描述。contract 下的文件为定义好的请求体和响应体。

实验性功能:如果 routerMap 为true, 允许自动生成API路由

@Controller

格式:@Controller {ControllerName}

a.如果文件第一个注释块中存在标签@Controller,应用会扫描当前文件下的所有注释块,否则扫描将会跳过该文件。
b.如果不标示ControllerName,程序会将当前文件的文件名作为ControllerName。

例:

/**
 * @Controller user
 */
class UserController extends Controller {
  //some method
}

@Router

格式:@Router {Mothod} {Path}

a.Mothod,请求的方法(post/get/put/delete等),不区分大小写。
b.Path,请求的路由。

输出格式: Method + 操作 ID

例如:

  • '* @router get /api/ledgers/' 输出: getLedgers
  • '* @router get /api/ledgers/{id}' 输出: getLedgersById
  • '* @router put /blogs/{id}' 输出: putBlogsById
  • '* @router get /api/block/statistic' 输出: getBlockStatistic

@Request

格式:@Request {Position} {Type} {Name} {Description}

a.position.参数的位置,该值可以是body/path/query/header/formData.
b.Type.参数类型,body之外位置目前只支持基础类型,integer/string/boolean/number,及基础类型构成的数组,body中则支持contract中定义的类型。如果position是formData还将支持 file 类型
c.Name.参数名称.如果参数名称以*开头则表示必要,否则非必要。
d.Description.参数描述
c.如果你想给query或者path的参数设置example,你可以在Description前添加以'eg:'开头的参数,实例如下
@Request query string contactId eg:200032234567 顾问ID

@Response

格式:@Response {HttpStatus} {Type} {Description}

a.HttpStatus.Http状态码。
b.Type.同Request中body位置的参数类型。
d.Description.响应描述。

@Deprecated

如果注释块中包含此标识,则表示该注释块注明的接口,未完成或不启用。

@Description

格式:@Description {Description}

接口具体描述

@Summary

格式:@Summary {Summary}

接口信息小标题

例:

/**
 * @Controller user
 */
class HomeController extends Controller {
  /**
   * @Router POST /user
   * @Request body createUser name description-createUser
   * @Request header string access_token
   * @Response 200 baseResponse ok
   */
  async index() {
    this.ctx.body = 'hi, ' + this.app.plugins.swagger.name;
  }

如果在config中开启并定义了 securitySchemas,默认 enableSecurity 为false.则可在注释块中加入 @apikey,加入安全验证。也可定义成其他名字,只需@定义好的字段名就好。关于 securitySchemas 的定义可以自行搜索。

exports.swaggerdoc = {
  securitySchemas: {
    apikey: {
      type: 'apiKey',
      name: 'clientkey',
      in: 'header',
    },
    // oauth2: {
    //   type: 'oauth2',
    //   tokenUrl: 'http://petstore.swagger.io/oauth/dialog',
    //   flow: 'password',
    //   scopes: {
    //     'write:access_token': 'write access_token',
    //     'read:access_token': 'read access_token',
    //   },
    // },
  },
  enableSecurity: true,
};

contract定义

关于Contract的定义其实在测试代码里面,已经把支持的所有情况都定义出来了。详见here,这里我简单说明一下,以下是测试代码中的部分contract。

module.exports = {
  createResource: {
    resourceId: { type: 'string', required: true, example: '1' },
    resourceNametrue: { type: 'string', required: true },
    resourceType: { type: 'string', required: true, enum: ['video', 'game', 'image'] },
    resourceTag: { type: 'array', itemType: 'string' },
    owner: { type: 'User', required: true },
    owners: { type: 'array', itemType: 'User' }
  },
};

@基础类型

module.exports = {
  Model名称:{
    字段名称: { type: 字段类型,required: 字段必要性, example: 示例}
  }
}

注:type可以是array之外的类型,包括自定义的类型,目前自定义类型不支持example


@ENUM

module.exports = {
  Model名称:{
    字段名称: { type: 字段类型,required: 字段必要性, enum:[]}
  }
}

注: type只能是string或number,enum为具体的数值组成的集合


@ARRAY

module.exports = {
  Model名称:{
    字段名称: { type: "array",required: 字段必要性, itemType:数组元素类型}
  }
}

type为array,itemType为具体的数组元素类型,支持自定义类型。


@自定义类型

关于自定义类型,必须定义在contract目录下,在contract下的其他类型中使用时,直接使用Model名称引入。


因为contract的定义和validate-rule的定义具有极大的相似性,所以目前的版本中定义contract的同时会简单的生成相应的validate-rule.具体的使用'ctx.rule.'加Model名称直接引入。

上面的model,在做验证的时候就可以使用如下的方式(需使用egg-validate)

ctx.validate(ctx.rule.createResource, ctx.request.body);

Questions & Suggestions

Please open an issue here.

License

MIT