前端接口层工具(Alibaba)

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-30 09:13   30   0

Pont - 搭建前后端之桥

npm version npm downloads Gitter

pont 在法语中是“桥”的意思,寓意着前后端之间的桥梁。

介绍

Pont 把 swagger、rap、dip 等多种接口文档平台,转换成 Pont 元数据。Pont 利用接口元数据,可以高度定制化生成前端接口层代码,接口 mock 平台和接口测试平台。

其中 swagger 数据源,Pont 已经完美支持。并在一些大型项目中使用了近两年,各种高度定制化需求都可以满足。

沉浸式接口开发

接口检索:

屏幕快照 2019-05-28 22.35.25.png

接口开发: pont.gif

联调维护

实时发现后端接口更新: 屏幕快照 2019-05-28 00.14.41.png

更新接口层后,可迅速定位接口调用代码,进行调用修改。 屏幕快照 2019-05-28 00.13.34.png

快速开始

  • 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 文件,通过覆盖默认的代码生成器,来自定义生成代码。默认的代码生成器包含两个类,丰

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP