阿里妈妈-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>

　　

posted on 2016-06-19 13:13  shenggen  阅读(815)  评论(0)    收藏  举报

导航