|

Pont - 搭建前后端之桥

pont 在法语中是“桥”的意思,寓意着前后端之间的桥梁。
介绍
Pont 把 swagger、rap、dip 等多种接口文档平台,转换成 Pont 元数据。Pont 利用接口元数据,可以高度定制化生成前端接口层代码,接口 mock 平台和接口测试平台。
其中 swagger 数据源,Pont 已经完美支持。并在一些大型项目中使用了近两年,各种高度定制化需求都可以满足。

沉浸式接口开发
接口检索:

接口开发: 
联调维护
实时发现后端接口更新: 
更新接口层后,可迅速定位接口调用代码,进行调用修改。 
快速开始
-
1、在 vscode 中安装 vscode 插件 pont。插件使用方法请参考:vscode-pont -
2、确保服务端使用 Swagger(目前只支持 Swagger),提供的数据源接口是免登录的。如果不是,请后端帮忙简单配置一下即可。 -
3、在项目中任何位置添加 pont-config.json 文件,vscode-pont 检测到项目中有合法的 pont-config.json,插件马上启动。
pont-config.json 配置项
对于 pont-config.json 的配置,在 vscode-pont 插件中已经做了自动提示、自动补全、配置项描述提醒等功能。具体配置项介绍如下:
originUrl
值类型:字符串
描述: 接口平台提供数据源的 open api url(需要免登),目前只支持 Swagger。如 "https://petstore.swagger.io/v2/swagger.json"
outDir
值类型:字符串
描述: 生成代码的存放路径,使用相对路径即可。如:"./src/api"
templatePath
值类型:字符串
描述:指定自定义代码生成器的路径(使用相对路径指定)。一旦指定,pont 将即刻生成一份默认的自定义代码生成器。自定义代码生成器是一份 ts 文件,通过覆盖默认的代码生成器,来自定义生成代码。默认的代码生成器包含两个类,丰 |