特别糙的CURL请求工具

vfuns

已于 2024-06-14 10:51:57 修改

阅读量250

点赞数 4

分类专栏：我的工具集文章标签： html

于 2024-06-14 10:51:14 首次发布

本文链接：https://blog.csdn.net/weixin_42338765/article/details/139675132

版权

我的工具集专栏收录该内容

2 篇文章 0 订阅

订阅专栏

有没有这么一种情况发生在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>