阿里妈妈-RAP项目的实践(2)

接口详情 (id: 32872)     Mock数据
接口名称 datalist1
请求类型 get
请求Url  /datas/list1
接口描述 数据列表
请求参数列表
变量名	含义	类型	备注
响应参数列表
变量名	含义	类型	备注
ret		object	
    result|1-10		array<object>	
        id		number	
        name		string	
    success		boolean	

  上面是我的http://rap.taobao.org 的配置,大家可以看见result|1-10,就是随机生成1到10条数据的意思

还要注意官方文档的一句话---很重要

有办法让RAP服务直接返回MockJS数据,而不是MockJS模板吗?

可以的,只要将请求路径中的/mockjs/修改为/mockjsdata/即可,例如:

http://{{domainName}}/mockjs/79/rap_mockjs_rules_demo.do?
将返回MockJS模板,而

http://{{domainName}}/mockjsdata/79/rap_mockjs_rules_demo.do?
会返回MockJS数据。

小提示:为什么返回MOCK规则而不是数据?

默认RAP的MOCK服务返回的是Mock.js模板,如果使用RAP插件,插件会负责Mock模板=>Mock数据的转换工作。
这样做的好处:
1. 可以直观看到数据生成的规则
2. 节省传输带宽
3. 更加灵活,提供在特殊场景二次修改规则的机会。

  

下面我们直接上代码,注意我的访问地址变了,增加了mockjs的

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>rap--mockjs---demo</title>
<style type="text/css">
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
p{ font-size: 20px; }
a { color: #fff;}

</style>

</head>
<body>
<h1>rap--mockjs---demo</h1>



<script src="http://rap.taobao.org/rap.plugin.js?projectId=4793"></script>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function(){
	$.ajax({  
         type:'get',      
         url:'http://rap.taobao.org/mockjsdata/4793/datas/list1',  
         data:{},  
         dataType:'json',  
         success:function(data){  
         	console.log(data);
         }  
     });
});
</script>
</body>
</html>

  

原文地址:https://www.cnblogs.com/shenggen/p/5597908.html