中台接口
利用中台提供的网络接口可以模拟后台接口的返回参数,使得前台开发可以脱离后台接口的限制,更加自由。
中台接口设置
- 新建接口
可以新建模块,然后在模块中新建接口。
新建接口主要需要选择类型和状态码。状态码一般都会直接选择200,类型一般会选择GET或POST。
修改或删除接口信息。 - 参数设置
移动:可将当前接口移动或复制到本模块或新模块。
编辑:编辑本接口内容,点击编辑即可设置入参和出参。当类型为GET是入参会自动匹配传来的参数(只能匹配键值对)。参数模板使用mock语法。
新建:设置每个参数的属性
根据所创建的数据类型不同(array或object),左侧会出现“+”号,点击“+”号可以向其内部添加属性
导入:直接把自己需要的数据的代码格式粘贴过来
注意要点击保存!!!
此地址为自己设置的URL地址,点击可以进入链接,调用接口。
- 注意点
3.1 入参没有太多作用,只能进行必填的校验,校验还不是很好,只有GET下非数组形式的JSON才能够校验出来。因此建议不要过多关注入参内容,只关注出参和mock语法。
form-data:
就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。当上传的字段是文件时,会有Content-Type来表名文件类型;content-disposition,用来说明字段的一些信息;
由于有boundary隔离,所以multipart/form-data既可以上传文件,也可以上传键值对,它采用了键值对的方式,所以可以上传多个文件。
x-www-form-urlencoded:
就是application/x-www-from-urlencoded,会将表单内的数据转换为键值对
raw
可以上传任意格式的文本,可以上传text、json、xml、html等
binary
相当于Content-Type:application/octet-stream,从字面意思得知,只可以上传二进制数据,通常用来上传文件,由于没有键值,所以,一次只能上传一个文件
但这些接口入参并没有体现出来,所以入参可以作为简单的参考即可。
3.2
中台接口使用
- 在前端页面使用
简单的ajax调用即可;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>中台接口测试</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
$.ajax({
url:"http://39.107.52.108:8001/app/mock/55/test/101010111010010232",//接口地址
data:{"teachers":"ee","name":"dd","course":"dsd"}, //要提交的数据是一个JSON
type:'POST', //提交方式
dataType:'JSON', // 返回数据的类型
success:function (data) {
if (data.success){
alert(data.teacher);
}else {
alert(data.teacher);
}
}
} )
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
- 在control层使用(即使用Java代码调用)
https://www.cnblogs.com/hhhshct/p/8523697.html
public static String doGet(String httpurl){
HttpURLConnection connection =null;
InputStream is =null;
BufferedReader br=null;
String Result=null;//返回结果字符串
System.out.printf("\r\n 0");
try {
System.out.printf("\r\n 1");
//创建远程url链接对象
URL url=new URL(httpurl);
//通过远程URL对象打开一个链接,强转成HttpURLConnection类
connection=(HttpURLConnection) url.openConnection();
//设置链接方式GET
connection.setRequestMethod("GET");
//设置链接主机服务器超时时间15000毫秒
connection.setConnectTimeout(15000);
//设置读取远程返回数据的超时时间6000毫秒
connection.setReadTimeout(6000);
connection.setDoOutput(true);//允许输入
connection.setDoInput(true);//允许输出
//发送请求
connection.connect();
//post 传参部分
/* DataOutputStream out = new DataOutputStream(connection.getOutputStream());
JSONObject obj=new JSONObject();
obj.put("test","22");
String json = java.net.URLEncoder.encode(obj.toString(), "utf-8");
out.writeBytes(json);
out.flush();
out.close();*/
System.out.printf("\r\n "+connection.getResponseCode());
if (connection.getResponseCode()==200){
System.out.printf("connection.getResponseCode()");
is=connection.getInputStream();
//封装输入流is并制定字符集
br=new BufferedReader(new InputStreamReader(is,"UTF-8"));
//存放数据
StringBuffer sbf=new StringBuffer();
String temp=null;
while ((temp=br.readLine())!=null){
sbf.append(temp);
sbf.append("\r\n");
}
Result=sbf.toString();
}
}catch (MalformedURLException e){
e.printStackTrace();
}catch (IOException e){
e.printStackTrace();
}finally {
//关闭资源
if(null!=br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
if (null != is) {
try {
is.close();
} catch (IOException e) {
e.printStackTrace();
}
}
connection.disconnect();// 关闭远程连接
}
JSONObject J=JSONObject.fromObject(Result);//进行json转换
System.out.printf(J.toString());
System.out.printf(J.get("string").toString());
return Result;
}
postman
- 介绍
用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的,用户可以使用一些网络的监视工具比如著名的Firebug等网页调试工具。今天给大家介绍的这款网页调试工具不仅可以调试简单的css、html、脚本等简单的网页基本信息,它还可以发送几乎所有类型的HTTP请求!Postman在发送网络HTTP请求方面可以说是Chrome插件类产品中的代表产品之一。 - 使用
官网下载:https://www.getpostman.com/downloads/
下载并安装后可直接在桌面打开即可。
简单使用:
按照图中提示在postman中导入配置
url 是环境变量,可能需要自己配置,即在右上角进项配置,步骤如下图:
点击右上角齿轮弹出窗体。
点击ADD,添加环境变量;
mock
多有不足,共同探讨