wumi_blog
wumi_blog copied to clipboard
Published
20 hours ago •
5Mi
5Mi
阿里rap接口管理 了解下
项目里使用了这个接口管理插件,有利于前后端分离,在我们自己尝试写接口管理平台,使用mock数据接口服务器时,大厂们已经将这种方式实践完善了,网易好像内部就使用了这种方式,接口平台好像还没开源出来,这次也是经前辈介绍,使用了这个rap.后台接口怎么管理维护平台我就不了解了,简单说下前端插件的使用.
登录平台页面选择团队后点击项目右上的这个图标就会生成有插件地址的script标签.
在紧接jq之后引入生成的插件地址,在发送请求时,大概之后插件就会拦截到你的请求,然后返回给你平台上的mock数据.注意的是插件地址后可追加mode参数<script type="text/javascript" src="http://{{domainName}}/rap.plugin.js?projectId={{projectId}}&mode={{mode}}"></script>
mode不同值的具体含义如下: 0 - 不拦截 1 - 拦截全部 2 - 黑名单中的项不拦截 3 - 仅拦截白名单中的项
默认是3推荐设置为2;再贴一份打印mock数据的模板页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document</title>
<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<--!引入插件-->
<script src='http://rap.qdum.com/rap.plugin.js?projectId=7&mode=2'></script>
<script type="text/javascript">
$(document).ready(function(){
RAP.setBlackList([
//设置黑名单
// "/api/v1.0/account/login"
]);
//RAP.setMode(1);
$.ajax({
url:"/product/getProduct",
type:'get',
cache:false,
//dataType:'jsonp',
success:function(data){
console.log(data)
},
error:function(){
console.log(data.message);
}
});
});
</script>
</head>
<body>
fdsfds
</body>
</html>
