1.2.0 • Published 4 years ago

swaggts v1.2.0

Weekly downloads
1
License
MIT
Repository
-
Last release
4 years ago

简介

作为一款API文档工具,Swagger已经广泛应用于程序开发中。通过Swagger衍生出的一系列项目和工具,也极大的方便了我们的开发。 我们知道Swagger详细描述了项目中所有的请求路径、入参、返回数据。对于前端开发者来说,完全可以通过这份文档生成一份实际可用的代码用于项目。如果恰好你也在使用TypeScript:请求方法以及所有请求的入参、返回数据的定义都可以通过这个工具自动生成。

Swagger转Code

一份Swagger文件通过本工具会转成项目请求的通用代码:

  • api.ts 所有请求代码
  • http.ts 基于axios封装的http请求
  • api-typings.ts 所有请求入参、返回数据的typings定义,自动生成,不可手动修改
  • api-type.ts 导入api-typings中的定义,可自定义修改,对外使用
  • api-paths.ts 所有请求入参、返回数据的json schema定义

我们来详细看一下生成的代码:

  import http from './http';
  import * as API_TYPE from './api-type';

  class Api {
    
    getPetInfo(param: API_TYPE.PetInfoParam): Promise<API_TYPE.PetInfoResponse> {
      return http.get('/pet/info', param)
    }
  
    getPetOrder(param: API_TYPE.PetOrderParam): Promise<API_TYPE.PetOrderResponse> {
      return http.get('/pet/order', param)
    }
  
  }
  export const api = new Api();

由Swagger文档定义好的http请求代码已经自动生成,我们可以根据自己的需要使用:

1.定义了空的入参,编辑器根据typings定义提醒我们缺少id: 使用自动生成api的代码

2.传入正确的参数,请求结果字段自动提示: 请求结果result自动提示

如何使用

npm i -g swaggts
swaggts

已知待完善功能:

  • 只支持get、post请求
  • 复杂请求url未做处理
1.2.1

4 years ago

1.2.0

4 years ago

1.1.9

5 years ago

1.1.8

5 years ago

1.1.7

5 years ago

1.1.6

5 years ago

1.1.5

5 years ago

1.1.3

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago