postman 如何美化包含字符串化JSON的JSON响应

0g0grzrc  于 2023-08-05  发布在  Postman
关注(0)|答案(2)|浏览(568)


的数据
我正在测试的服务器响应包含字符串化的json,这很难阅读(参见屏幕截图中的“pay”字段)。有什么办法可以进一步美化回应吗?
就目前情况而言,我必须复制“pay”字段,取消转义,然后将其粘贴到jsoneditoronline.org中,以结构化格式查看“pay”字段中的有效负载。
我正在考虑的一个变通方法是使用postman visualize功能,但只是作为最后的手段。

ar7v8xwq

ar7v8xwq1#

感谢Danny将我推向可视化工具。这是我的想法

解决方案要素

  • 使用JSON.stringify输出美化的json(注意传递给JSON.stringify的参数)
  • 使用CSS空白:预换行以考虑美化字符串中的空格
  • 在handlebars模板中,只需显示字符串并应用css

详细数据

将此脚本放入Postman测试

var template = `
    <style type="text/css">
        div {white-space: pre-wrap;}
    </style>
    <div>
        {{response}}
    </div>
`;

const payloadJson = JSON.parse(pm.response.json().pay);
const payload = JSON.stringify(payloadJson, null, 4)

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

字符串

结果


的数据

mrfwxfqh

mrfwxfqh2#

您可以将整个JSON字符串视为模板并使用PRE标记进行 Package 。

const jsonData = JSON.parse(responseBody);
const payload = jsonData.access_token.split('.')[1];
const parsed = JSON.parse(atob(payload));
const prettyString = JSON.stringify(parsed,null,2);
pm.visualizer.set("<pre>"+prettyString+"</pre>")

字符串

相关问题