返回
请求体,接口测试利器
开发工具
2023-12-06 12:18:07
作为一名资深测试工程师,接口测试是我每天必做的一件事。为了提高效率,我开发了一款接口测试平台,目前已经基本成型。今天,我就来分享一下如何使用这款平台来生成请求体。
首先,打开P_apis.html文件,然后在div调试弹层 的里面 加上一个ul,用来放我们请求体的选择按纽。接着,在ul 里边加上三个li,分别代表三种不同的请求体类型:json、xml和text。
json:
<li>
<button type="button" id="json_request_button" class="btn btn-primary" onclick="getJsonRequest()">Json</button>
</li>
xml:
<li>
<button type="button" id="xml_request_button" class="btn btn-primary" onclick="getXmlRequest()">Xml</button>
</li>
text:
<li>
<button type="button" id="text_request_button" class="btn btn-primary" onclick="getTextRequest()">Text</button>
</li>
最后,在每个按钮的onclick事件中,分别调用了getJsonRequest()、getXmlRequest()和getTextRequest()方法。这些方法用于生成相应的请求体。
以下是请求体生成代码:
<script>
// json请求体
function getJsonRequest() {
var requestBody = {
"name": "John Doe",
"age": 30,
"city": "New York"
};
document.getElementById("request_body").value = JSON.stringify(requestBody);
}
// xml请求体
function getXmlRequest() {
var requestBody = "<soap:Envelope xmlns:soap=\"http://www.w3.org/2003/05/soap-envelope\">\n" +
" <soap:Body>\n" +
" <m:GetProducts xmlns:m=\"http://www.example.com/products\">\n" +
" <m:productId>12345</m:productId>\n" +
" </m:GetProducts>\n" +
" </soap:Body>\n" +
"</soap:Envelope>";
document.getElementById("request_body").value = requestBody;
}
// text请求体
function getTextRequest() {
var requestBody = "Hello World!";
document.getElementById("request_body").value = requestBody;
}
</script>
现在,你就可以使用这款接口测试平台来生成请求体了。只需点击相应的按钮,即可生成json、xml或text类型的请求体。
这款接口测试平台还在不断完善中,未来我还会添加更多功能,敬请期待。