最近写API接口，每写一个接口，我自己需要先测试一下，看有没有语法错误,请求的数据对不对，但是很多都是POST请求，没法直接在浏览器中打开链接进行测试，所以必须要有个可以在本地发HTTP请求的模拟工具，模拟一下数据请求。
一开始我是这么干的，在本机wampserver运行目录下创建一个文件，在里边写Curl请求，进行模拟请求测试，但是每个接口需要的参数都不一样，我需要不断地修改请求的参数和API，很是不方便。到后来我的这个请求文件里边乱糟糟的数据,我都分不清了：
在网上找了找相关的工具，有不少在线测试的，比如：ATOOL在线工具、Apizza等等，看了下他们做的都很好，使用非常方便，界面很漂亮，服务也很周到。但是我在考虑安全问题，同时它给我返回的是原始的JSON格式的数据，我习惯于看数组格式的，比较直观。
于是乎，本着自己动手丰衣足食的理念，我就在本地写一个简易的API测试页面，提交数据之后在本地实现API请求测试功能，既不用考虑安全问题，又可以对结果随便转换。只需要两个文件就搞定，一个是填写数据的页面post.html，另一个是接收post.html页面传过来的数据并处理请求实现功能的post.php文件。
1、前端页面文件post.html
只是是简易的页面，没有复杂的布局，没有JS特效，暂时只写了6个参数，一般来说也够了，不够的可以自行添加。这里默认传的都是body请求参数，请求方式也只使用了GET和POST。
<html xmlns="http://blog.csdn.net/sinat_35861727?viewmode=contents"><head> <meta http-equiv = "Content-Type" content = "text/html;charset = utf8"> <meta name = "description" content = "提交表单"> <title>API接口请求表单</title></head> <style type="text/css"> .key1{ width:100px; } .value1{ width:230px; margin:0 0 0 10px; } .main{ margin:0 auto; width:450px; height:auto; background:lightgray; padding:40px 40px; } .refer{ width:100px; height:24px; } .url{ width:350px; } </style><body><div class="main"> <form method="POST" action="post.php" target="_blank"> <p>请求地址：<input class="url" type="text" name="curl" placeholder="API接口地址"></p> <p>参 数1： <input class="key1" type="text" name="key1" placeholder="参数名"> <input class="value1" type="text" name="value1" placeholder="参数值"></p> <p>参 数2： <input class="key1" type="text" name="key2" placeholder="参数名"> <input class="value1" type="text" name="value2" placeholder="参数值"></p> <p>参 数3： <input class="key1" type="text" name="key3" placeholder="参数名"> <input class="value1" type="text" name="value3" placeholder="参数值"></p> <p>参 数4： <input class="key1" type="text" name="key4" placeholder="参数名"> <input class="value1" type="text" name="value4" placeholder="参数值"></p> <p>参 数5： <input class="key1" type="text" name="key5" placeholder="参数名"> <input class="value1" type="text" name="value5" placeholder="参数值"></p> <p>参 数6： <input class="key1" type="text" name="key6" placeholder="参数名"> <input class="value1" type="text" name="value6" placeholder="参数值"></p> <p>请求方式: <select name="method"> <option value="POST">POST请求</option> <option value="GET">GET请求</option> </select></p> <p style="text-align:center;"><input class="refer" type="submit" value="提交"></p> </form></div></body></html>
新闻热点
疑难解答
