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

是啥？

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的随机数字。
  
   

   
  
  
   

   
  
  
   

   
  
  
   

   
  
  数据预览

参考文章