前后端协同开发神器--接口管理工具RAP使用入门

本文安利了一个阿里前端团队出品的API管理工具--RAP。通过本文你可以了解:1,RAP是什么及这类工具有什么作用2,RAP使用入门3,项目中使用RAP的实例
摘要由CSDN通过智能技术生成

RAP是什么

前后端协同开发其实就是个对接接口的过程,双方把接口定义好就可以各自开始coding了,谁也不用等谁,开发完了再一起联调。RAP是阿里内部使用的一个WEB接口管理工具,完全满足企业级的API管理应用,除了定义接口形成文档约定,还有MOCK数据的功能,最重要的是已经开源。

RAP能做什么

这里写图片描述
从官网给出的这张图,RAP可以做的不止是接口文档,但用户手册里面提到后端自测和校验工具Page Tester并不成熟,其实我根本没有找到这个功能,ISSUE里面有人问也没有回答。关于自动化测试,用户手册里面也说功能不成熟。所以RAP自带可用的功能,目前看就只有:

  • 制定接口
  • MOCK数据

如何使用RAP

对接口文档安全有要求且有条件的团体或个人,可以自己部署一个私有的RAP服务器,部署说明参考文档

如果只是自己开发些DEMO,为了方便前端MOCK数据,可以使用官方维护的服务rapapi.org。注册过程很简单,只要有个邮箱就可以注册。成功登录后就来到主页了:
这里写图片描述

友情提醒:
我在rapapi.org首页上通过团队TAB看到了其他用户定义的团队和接口文档,所以你写的接口其他人应该也可以看到。

文档管理

RAP上支持对接口按照 团队业务线分组 三个层级管理。通过顶部导航栏“团队”TAB可以进行创建和切换。

下面我结合一个简单表格查询的例子说明开发时如何使用RAP编写接口和MOCK前端数据。

编写接口文档

这里写图片描述
可以看到同一个分组中还可以根据不同的模块,不同的页面管理接口文档。GUI操作界面使用方法简单清晰,我就不介绍怎么写文档了,参考用户手册。这里我定义了一个列表分页查询的API,按照接口文档定义我编写了下面的前端代码

 <!--HTML部分-->
    <div class="middle-content clearfix">
      <el-table :data="list" highlight-current-row style="width: 100%;" border>
        <el-table
  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值