zoukankan      html  css  js  c++  java
  • 基于RAP(Mock)实现前后端分离开发

    看看RAP的官方定义:

    什么是RAP?

    (Rigel API Platform) 在前后端分离的开发模式下,我们通常需要定义一份接口文档来规范接口的具体信息。如一个请求的地址、有几个参数、参数名称及类型含义等等。RAP 首先方便团队录入、查看和管理这些接口文档,并通过分析结构化的文档数据,重复利用并生成自测数据、提供自测控制台等等... 大幅度提升开发效率。

    RAP的特色

    • 强大的GUI工具 给力的用户体验,你将会爱上使用RAP来管理您的API文档。
    • 完善的MOCK服务 文档定义好的瞬间,所有接口已经准备就绪。有了MockJS,无论您的业务模型有多复杂,它都能很好的满足。
    • 庞大的用户群 RAP在阿里巴巴有200多个大型项目在使用,也有许多著名的公司、开源人士在使用。RAP跟随这些业务的成行而成长,专注细节,把握质量,经得住考验。
    • 免费 + 专业的技术支持 RAP是免费的,而且你的技术咨询都将在24小时内得到答复。大多数情况,在1小时内会得到答复。

    1. RAP的官方用户手册

    https://github.com/thx/RAP/wiki/user_manual_cn

    2. RAP的安装(CentOS服务器安装)

    参考:https://github.com/thx/RAP/wiki/deploy_on_centos_cn

    安装完毕后, 界面如下:

    3. RAP的源码地址

    https://github.com/thx/RAP

    建议对

    https://github.com/thx/RAP/blob/v0.14.0/src/main/webapp/stat/js/util/mock-min.js

    这个文件文件进行仔细研读,所有的mock函数都在此文件上定义, 部分截图如下:

    上图中我们可以使用

    @mock=@natural(0,100) 生成 0到100之间的自然数

    @mock=@natural(-100,100) 生成 -100到100之间的整数

    总之,这个文件包罗万象, N多随机数据的生成函数应有尽有~

    4. RAP接口定义规范

    下面为一个较为典型的RAP接口文档中,Mock规则填写的示范,请参考:

    接口文档中的Mock规则

    最终生成的Mock数据

    注意: 红框圈出的URL地址就是提供给前端进行接口调用获取模拟数据的, 前端可以根据这个接口进行前端代码开发,后端根据RAP接口定义编写入参出参接口,实现前后端分离开发!

    5. 备注和mock数据定义如何兼得

    在备注里,Mock标签和普通的备注需要用分号隔开,如下:

    完毕~~

  • 相关阅读:
    A
    MongoDB小结17
    MongoDB小结16
    金蝶无法生成下推发票
    MongoDB小结15
    MongoDB小结14
    MongoDB小结13
    MongoDB小结12
    MongoDB小结11
    MongoDB小结10
  • 原文地址:https://www.cnblogs.com/mhl1003/p/9510355.html
Copyright © 2011-2022 走看看