Postman进阶（五）：Postman Visualizer可视化请求响应

一、添加可视化请求响应

在test中添加脚本，可在响应结果中看到数据，此功能个人认为可以用在需要加解密的接口中使用。

如下为示例：

• 在test中添加此脚本

var template = `
    <table bgcolor="#FFFFFF">
        <tr>
            <th>Name</th>
            <th>Email</th>
        </tr>

        {{#each response}}
            <tr>
                <td>{{Name}}</td>
                <td>{{Email}}</td>
            </tr>
        {{/each}}
    </table>
`;

pm.visualizer.set(template, {
    response: responseJson
});

该template变量是创建的模板字符串。传递的第二个参数是定义为属性的对象

response

，这是模板在循环中期望的变量

{{#each response}}

。分配给该属性的值

response

是解析为对象的请求的响应 JSON 数据。

模板中双花括号内的变量名称将被传递给方法的数据替换

pm.visualizer.set()

。要应用模板，请使用以下代码完成测试脚本：

• 点击运行
• 点击响应结果：Body中的Visualize，即可以看到我们的可视化界面

当接口响应是加密的结果时，在test中解密后，放置代码：

pm.visualizer.set(JSON.stringify(responseType))

运行即可看到解密数据