返回

请求体,接口测试利器

开发工具


作为一名资深测试工程师,接口测试是我每天必做的一件事。为了提高效率,我开发了一款接口测试平台,目前已经基本成型。今天,我就来分享一下如何使用这款平台来生成请求体。

首先,打开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类型的请求体。


这款接口测试平台还在不断完善中,未来我还会添加更多功能,敬请期待。