IDEA 接口调试插件 HTTP Client

摘要:
show_env={{show_env}}接受:application/jsonGetrequestwithdisabledredirects@no-redirectGEThttp://httpbin.org/status/301##POSTSendPOST请求带有jsonbodyPOSThttps://httpbin.org/postContent-Type:application/json{“id”:999,“value”:“content”}发送POST请求,其中包含bodyApartametersPOSThttps://httpbin.org/postContent-Type:application/x-www-formurlencodedid=999&value=contentSendaformwiththetext和filefieldsPOSThttps://httpbin.org/postContent-Type:multipart/form-数据;boundary=WebAppBoundary--WebAppBoundityContent Disposition:表单数据;name=“element name”内容类型:text/plainName--WebAppBoundaryContent Disposition:表单数据;name=“data”;filename=“data.json”内容类型:application/json˂./Request-form-data.json--WebAppBoundary--####Post请求的两种编码格式*application/x-www-form-urlencodedpost的默认格式,使用js中的URLencode代码转换方法。包括用加号替换名称和值中的空格;用百分比符号编码非ascii字符;用“=”连接输入的名称和值,用“&”连接不同的输入。
界面客户端

使用手册
https://www.jetbrains.com/help/idea/testing-restful-web-services.html



打开方式

Tools -> HTTP Client -> Test RESTful Web Service

file



文本客户端
使用手册 https://www.jetbrains.com/help/idea/http-client-in-product-code-editor.html

特点

  • 纯文本编写
  • 支持统一配置
  • 支持 scripts 脚本




创建新的请求文件

  • Scratch files (全局文件)
  • physical files(项目文件)

file




live templates

file





支持 HTTP 1.1 所有方法


POST、GET、PUT、DELETE、HEAD、OPTIONS、TRACE、CONNECT

### GET ``` ### Get request with a header GET https://httpbin.org/ip Accept: application/json

Get request with parameter

GET https://httpbin.org/get?show_env=1
Accept: application/json

Get request with environment variables

GET {{host}}/get?show_env={{show_env}}
Accept: application/json

Get request with disabled redirects

@no-redirect

GET http://httpbin.org/status/301

<br/><br/>
### POST

Send POST request with json body

POST https://httpbin.org/post
Content-Type: application/json

{
"id": 999,
"value": "content"
}

Send POST request with body as parameters

POST https://httpbin.org/post
Content-Type: application/x-www-form-urlencoded

id=999&value=content

Send a form with the text and file fields

POST https://httpbin.org/post
Content-Type: multipart/form-data; boundary=WebAppBoundary

--WebAppBoundary
Content-Disposition: form-data; name="element-name"
Content-Type: text/plain

Name
--WebAppBoundary
Content-Disposition: form-data; name="data"; filename="data.json"
Content-Type: application/json

< ./request-form-data.json
--WebAppBoundary--

<br/><br/>
### Post请求的两种编码格式
<br/>
* application/x-www-form-urlencoded

post的默认格式,使用js中URLencode转码方法。

包括将name、value中的空格替换为加号;将非ascii字符做百分号编码;将input的name、value用‘=’连接,不同的input之间用‘&’连接。

跟get的区别在于,get把转换、拼接完的字符串用‘?’直接与表单的action连接作为URL使用,所以请求体里没有数据

* multipart/form-data

将表单中的每个input转为了一个由boundary分割的小格式,没有转码,直接将utf8字节拼接到请求体中,在本地有多少字节实际就发送多少字节,极大提高了效率,适合传输长字节

<br/><br/><br/>

## 查看请求历史
点击右上角的按钮
Show HTTP Requests History

![file](https://img2018.cnblogs.com/blog/1203146/202002/1203146-20200220104026424-2130585167.jpg)

或者在工具栏内打开Tools | HTTP Client | Show HTTP Requests History

![file](https://img2018.cnblogs.com/blog/1203146/202002/1203146-20200220104027363-1243285302.jpg)
<br/><br/><br/><br/>
## 演示接口重构 - 统一配置
<br/><br/>

### 定义环境变量
环境变量需要定义在环境文件中,环境文件有两种:

1. 创建名为 rest-client.env.json 或者 http-client.env.json 的环境文件(其实里面就是保存 JSON 数据),该文件里可以定义用在整个项目上的所有常规变量

2. 创建名为rest-client.private.env.json 或者 http-client.private.env.json, 看文件名你应该也猜到这是保存敏感数据的,比如密码,token等,该文件默认是被加入到 VCS 的 ignore文件中的,同时优先级高于其他环境文件, 也就是说,该文件的变量会覆盖其他环境文件中的变量值

{
"dev": {
"host": "localhost",
"port": 8081,
"identifier": "tanrgyb",
"password": "iloveu"
},
"prod": {
"host": "dayarch.top",
"port": 8080,
"identifier": "admin",
"password": "admin"
}
}


<br/><br/>
### 通用配置,域名/端口

rest-client.env.json 或 http-client.env.json
{
"default": {

},
"local": {
"host": "http://localhost:8080"
}
}

<br/><br/>
### 个人安全配置,用户名/密码

rest-client.private.env.json 或 http-client.private.env.json
{
"default": {

},
"local": {
"account": "admin",
"password": "123456"
}
}

<br/><br/>
### 重构后的请求文件

登陆

POST {{host}}/api/login
Content-Type: application/x-www-form-urlencoded

account=lee&password=123456

测试接口

GET {{host}}/api/security/test
Accept: application/json
Cookie: JSESSIONID=1C1DD3EB60DEE60664FB0BFE0F1C9942

<br/><br/>
运行请求,点击运行按钮,可以选择对应的环境


## 使用 response handler scripts
<br/><br/>
### 引用方式
<br/>
* 直接引用

GET host/api/test

{%
// Response Handler Script
...
%}

<br/><br/>

* 文件引用

GET host/api/test

scripts/my-script.js

<br/><br/><br/>

### 主要方法
<br/><br/>
HTTP Response handling API reference

**client**

* client.global

set(varName, varValue) // 设置全局变量
get(varName) // 获取全局变量
isEmpty // 检查 global 是否为空
clear(varName) // 删除变量
clearAll // 删除所有变量

* client.test(testName, func) // 创建一个名称为 testName 的测试
* client.assert(condition, message) // 校验条件 condition 是否成立,否则抛出异常 message
* client.log(text) // 打印日志
<br/><br/>

**response**

* response.body // 字符串 或 JSON (如果content-type 为 application/json.)
* response.headers

valueOf(headerName) // 返回第一个匹配 headerName 的值,如果没有匹配的返回 null
valuesOf(headerName) // 返回所有匹配 headerName 的值的数组,如果没有匹配的返回空数组

* response.status // Http 状态码,如: 200 / 400
* response.contentType

mimeType // 返回 MIME 类型,如:text/plain, text/xml, application/json.
charset // 返回编码 UTF-8 等

<br/><br/><br/>

### 方法调用示例

GET https://httpbin.org/status/200

{%
client.test("Request executed successfully", function() {
client.assert(response.status === 200, "Response status is not 200");
});
%}

<br/><br/>

### 演示接口重构 - 动态更新 Cookie

登陆

POST {{host}}/api/login
Content-Type: application/x-www-form-urlencoded

account={{account}}&password={{password}}

{% client.global.set("Set-Cookie", response.headers.valueOf("Set-Cookie")) %}

测试接口

GET {{host}}/api/security/test
Accept: application/json
Cookie: {{Set-Cookie}}


<br/><br/>

# RestfulToolkit
RestfulToolkit 同样是个插件,在插件市场搜索安装即可

![file](https://img2018.cnblogs.com/blog/1203146/202002/1203146-20200220104028567-1083165511.jpg)

安装了这个插件后,打开侧边栏,项目的所有接口信息都会展现在此处:

![file](https://img2018.cnblogs.com/blog/1203146/202002/1203146-20200220104029222-1462643231.jpg)

我常用的功能就是把指定接口生成的JSON数据拷贝到 HTTP request 文件中,免去手写的麻烦了,你说方便不?

除此之外,使用快捷键 cmd+\, 可以根据关键字快速找到接口,回车迅速到达代码接口位置,这也是带来了极大的便利

![file](https://img2018.cnblogs.com/blog/1203146/202002/1203146-20200220104029722-2038612419.jpg)


<br/><br/><br/>
参考:<br/>
https://www.jetbrains.com/help/idea/testing-restful-web-services.html

https://github.com/corningsun/yuchigong/blob/httpClient/httpClient/README.md

https://mp.weixin.qq.com/s/bTej94CNhzzbeN0Cynt4MA

免责声明:文章转载自《IDEA 接口调试插件 HTTP Client》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇linux命令详解——ftp解决WAS更新web.xml文件不生效的问题(web_merged.xml是罪魁祸首)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

链接PostgreSQL报错authentication method 10 not supported解决

用nivcat链接PostgreSQL报错,如下图  打开C:\Program Files\PostgreSQL\14\Data\  ,安装默认位置 但是我安装的时候修改了数据存放路径我的在D盘,如下图,打开pg_hba.conf  注释local开的几行,添加如下几行 # "local" is for Unix domain socket conne...

java设计模式-----14、桥接模式

  Bridge 模式又叫做桥接模式,是构造型的设计模式之一。Bridge模式基于类的最小设计原则,通过使用封装,聚合以及继承等行为来让不同的类承担不同的责任。它的主要特点是把抽象(abstraction)与行为实现(implementation)分离开来,从而可以保持各部分的独立性以及应对它们的功能扩展。     举个例子,我们都知道,汽车有不同的发动机...

[转载] 使用 Docker 部署 openstf 平台

转载自简书,地址:https://www.jianshu.com/p/51ed344a7ba7 1.https://www.jianshu.com/p/10bdf33d2c64 2.https://www.jianshu.com/p/ba3e4712105f 一、背景 笔者所处业务需要搭建一个云测平台,用于集中管理一批安卓系统板卡,经过方案选择,决定使用...

巧用javascript ajax,实现跨域请求外带,增大漏洞危害

  今天聊聊javascript ajax发起请求,获取数据:    实在是漏洞挖掘中,经常会用到,学好javascript实在是太有用了    JS原生请求:      XMLHttpRequest(XHR)对象用于与服务器交互。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL,获取数据。这允许网页在不影响用户操作的情况下,更...

WCF入门教程(一)简介

1、WCF是什么? WCF( Windows Communication Foundation), 是Microsoft为构建面向服务的应用提供的分布式通信编程框架,是.NET Framework 3.5的重要组成部分。使用该框架,开发人员可以构建跨平台、安全、可靠和支持事务处理的企业级互联应用解决方案。 简单的说:WCF就是分布式通信框架。  2、WCF...

flask请求钩子、HTTP响应、响应报文、重定向、手动返回错误码、修改MIME类型、jsonify()方法 --

请求钩子: 当我们需要对请求进行预处理和后处理时,就可以用Flask提供的回调函数(钩子),他们可用来注册在请求处理的不同阶段执行的处理函数。这些请求钩子使用装饰器实现,通过程序实例app调用,以 before_request钩子为例(请求之前),当你对一个函数附加了app.before_request装饰器后,就会将这个函数注册为before_reque...