【接口工具ApiPost】响应（5）

响应面板示例如下图：

一. 实时响应

1. 美化
   

2. 原生

3. 预览
   

4. 断言
   

5. 可视化
   
   从ApiPost V5.3.1版本开始，我们在后执行脚本中新增了apt.Visualizing(template, obj) 方法，用于实现响应可视化。以上效果的实现代码如下（放到接口的后执行脚本）

参考代码如下：

let template=` 
<h1>{{title}}</h1>
<table>
<tr>
   <td>Msg</td>
   <td>token</td>
</tr>
<tr>
    <td>{{json.msg}}</td>
    <td>{{json.data.token}}</td>
</tr>

</table>` // 定义展示模板
// 传入展示数据并可视化展示。其中 response.json的意思是返回的json，具体可以下文。
apt.Visualizing(template, {title:"可视化演示", json:response.json}) 

参考:https://mp.apipost.cn/a/bf608b95fc5da479

6. 复制按钮
   

7. 搜索
   

二、请求头

三、响应头

四、Cookie

五、成功响应示例

1. 从现有响应导入
   当前值：

{
	"code": 10000,
	"msg": "success",
	"data": {
		"token": "a7e3c1a5d544ed3f6a71dd1c4d0891fa"
	}
}

成功响应示例保存值：

{
	"code": 10000,
	"msg": "success",
	"data": {
		"token": "e956a9662d29a6cdea79f9c6f4f5d401"
	}
}

然后点击“从现有响应导入“，结果如下图：

与当前响应值一致，即可保存为成功示例成功！

2. 提取字段和描述
   

3. 美化：格式化响应数据

4. 简化（？暂时不明）

六、错误响应示例（与五雷同）

七、响应时间

八 、响应码

九、响应耗时

十、响应数据大小

十一、网络

十二、下载响应数据

产品推荐

推荐理由

postman在国内使用已经越来越困难：
1、登录问题严重
2、Mock功能服务基本没法使用
3、版本更新功能已很匮乏
4、某些外力因素导致postman以后能否使用风险较大
出于以上考虑因此笔者自己开发了一款api调试开发工具SmartApi，满足基本日常开发调试api需求

简介

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线
smartApi是一款对标国外的postman的api调试开发工具，由于开发人力就作者一个所以人力有限，因此v1.0.0版本功能进行精简，大功能项有：

• api参数填写
• api请求响应数据展示
• PDF形式的分享文档
• Mock本地化解决方案
• api列表数据本地化处理
• 再加上UI方面的打磨

下面是一段smartApi使用介绍：

下载地址：

https://pan.baidu.com/s/1kFAGbsFIk3dDR64NwM5y2A?pwd=csdn