前后端分离-模拟数据之RAP2快速入门

Posted 2020-12-01 joe-and-joan

是啥？

RAP是一个可视化接口管理工具 通过分析接口结构，动态生成模拟数据，校验真实接口正确性， 围绕接口定义，通过一系列自动化工具提升我们的协作效率。我们的口号：提高效率，回家吃晚饭！

可视化编辑，完善的版本控制，各种格式的导入导出。让前后端约定接口的工作变得十分简单
RAP会自动根据接口文档生成Mock接口，这些接口会自动生成模拟数据，支持复杂的生成逻辑。

为啥？

在前端开发过程中，我们需要实时与后端进行数据交互。然而大多数时候，前端开发都是在没有后端数据提供的情况下进行的，这时我们就需要用到假数据模拟。
rap2就是一款在线模拟数据生成器，可以拦截Ajax请求，其作用在于帮助前端工程师独立于后端进行开发，实现前后端分离。
推荐理由

• 支持mock.js语法：RAP本身基于mcok.js
• 支持接口管理：可管理url地址，不同模块分类。
• 支持团队协作：拥有团队仓库
• 支持历史修改操作查看：可查看接口修改情况，但不支持操作回溯。
• 接口共享：不需要重复编写接口
• 自动化测试：一键测试接口情况

咋搞？

官方文档们：
RAP 特别不稳定，基本不用
mock.js
RAP2
RAP2官方文档
mock.js语法规范文档

1. 邮箱注册、登录

2. 界面介绍

 

 

• 导航栏

  
  
   

  

   
  
  

  a. 首页：登录后展示操作记录，仅为记录，无回溯功能
  b. 仓库：个人仓库，团队仓库列表及入口处，可以在此处新建个人仓库
  c. 团队：展示已加入团队，可新建团队，进入团队中可查看团队仓库
  d. 接口：一些接口使用信息
  e. 状态： RAP服务使用状态数据图表展示，主要是用户数量增长，仓库活跃度排名

• 仓库

  
  
   

  

   
  
  

  a. 仓库名，为仓库入口，点击可进入编辑详情
  b. 生成该仓库js 插件文件
  c. 编辑仓库信息
  d. 个人仓库有删除按钮，团队仓库没有，只有删除团队选项。

3. 新建仓库

 

 

4. 新建接口

 

 

 

 

 

5. 设置请求参数和响应内容

点击绿色的编辑按钮激活接口可编辑状态

 

 

一定要及时点击保存按钮啊！！！

 

 

 

• 新建：设置每个参数的属性
  mock占位符语法
  根据所创建的数据类型不同（array或object），左侧会出现“+”号，点击“+”号可以向其内部添加属性，
  
   

  

   
• 导入：直接把自己需要的数据的代码格式粘贴过来
  
   

  

   
  
  lists|6随机生成6组数据
  id属性的生成规则为1-9999，表示生成1-9999的随机数字。
  
   

  

   
  
  
   

  

   
  
  
   

  

   
  
  
   

  

   
  
  数据预览

参考文章