中臺接口
利用中臺提供的網絡接口可以模擬後臺接口的返回參數,使得前臺開發可以脫離後臺接口的限制,更加自由。
中臺接口設置
- 新建接口
可以新建模塊,然後在模塊中新建接口。
新建接口主要需要選擇類型和狀態碼。狀態碼一般都會直接選擇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
多有不足,共同探討