有没有这么一种情况发生在API开发和调试过程中,API的Token是变化的,但POST,GET,UT,DELETE的参数基本不变。那么我只需要把token粘贴到输入框里,然后生成对应的CURL命令就可以简单用了。很粗糙,纯我个人使用呀。如下图:
这个HTML页面是一个简单的Curl请求生成器工具,它允许用户生成用于与REST API交互的Curl命令。Curl是一个常用的命令行工具,用于发送和接收数据,支持多种协议,如HTTP、HTTPS、FTP等。
这个简单的,甚至不配被称为工具的工具只是为我个人所用,因为他毕竟很粗糙。但分享和记录i在这里防止哪一天我又有这种通过命令行与API进行交互的需求,但可能不记得所有的Curl选项和参数。
页面顶部有一个输入框,用户可以在这里输入他们的访问令牌(token),这对于访问受保护的API资源通常是必需的。输入令牌后,用户可以点击“Generate Curl Request”按钮来生成Curl命令。
生成的Curl命令分为四种HTTP方法:GET、POST、PUT和DELETE。这些方法分别对应于不同的API操作:GET用于获取资源,POST用于创建新资源,PUT用于更新现有资源,DELETE用于删除资源。
-
GET请求:生成的Curl命令用于获取特定的服务器信息。
-
POST请求:生成的Curl命令用于创建一个新的服务器,并包含了详细的配置参数。
-
PUT请求:生成的Curl命令用于更新一个现有服务器的配置。
-
DELETE请求:生成的Curl命令用于删除一个特定的服务器。
每个生成的Curl命令都会显示在一个<textarea>
元素中,用户可以直接复制这些命令并在命令行中执行。这个工具的优点在于它简化了Curl命令的创建过程,用户不需要手动编写复杂的命令,只需输入必要的参数(如访问令牌)并选择相应的HTTP方法即可。
总的来说,这个Curl请求生成器是一个实用的工具,它可以帮助用户快速生成和执行API请求,节省了编写和记忆Curl命令的时间,同时也降低了出错的可能性。
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curl Request Generator</title>
<script>
function generateCurl() {
var token = document.getElementById("tokenInput").value;
var curlGetCommand = "curl -X GET -k -H \"Accept: application/json\" -H \"X-Access-Token: " + token + "\" -H \"XMLHttpRequest\" https://192.168.10.x:10443/v3.0/slb/vserver/myVs2";
var curlPostCommand = "curl -X POST -k -H \"X-Access-Token: " + token + "\" -H \"Accept: application/json\" -H \"Content-Type:application/json\" -H \"X-Requested-With:XMLHttpRequest\" -d '您的Post payload写在这里' https://192.168.10.x:10443/v3.0/slb/vserver";
var curlPutCommand = "curl -X PUT -k -H \"Content-Type:application/json\" -H \"Accept: application/json\" -H \"X-Access-Token: " + token + "\" -d '您的Post payload写在这里}' https://192.168.10.x:10443/v3.0/slb/vserver/793f57961";
var curlDeleteCommand = "curl -X DELETE -k -H \"X-Access-Token: " + token + "\" -H \"Accept: application/json\" -H \"Content-Type:application/json\" -H \"X-Requested-With:XMLHttpRequest\" https://192.168.10.x:10443/v3.0/slb/vserver/68d8d4b8";
document.getElementById("curlGetOutput").textContent = curlGetCommand;
document.getElementById("curlPostOutput").textContent = curlPostCommand;
document.getElementById("curlPutOutput").textContent = curlPutCommand;
document.getElementById("curlDeleteOutput").textContent = curlDeleteCommand;
}
</script>
</head>
<body>
<h2>Curl Request Generator</h2>
<input type="text" id="tokenInput" placeholder="Enter your token here">
<button onclick="generateCurl()">Generate Curl Request</button>
<br>
<br>
GET
<br>
<textarea id="curlGetOutput" rows="4" cols="100"></textarea>
<br>
<br>
POST
<br>
<textarea id="curlPostOutput" rows="10" cols="100"></textarea>
<br>
<br>
PUT
<br>
<textarea id="curlPutOutput" rows="10" cols="100"></textarea>
<br>
<br>
DELETE
<br>
<textarea id="curlDeleteOutput" rows="4" cols="100"></textarea>
</body>
</html>