快捷導(dǎo)航

Postman全局注冊(cè)方法及對(duì)返回?cái)?shù)據(jù)可視化處理

更新時(shí)間：2023年02月10日 14:27:50 作者：River_WJ

這篇文章主要為大家介紹了Postman全局注冊(cè)方法及對(duì)返回?cái)?shù)據(jù)可視化處理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

1.全局方法注冊(cè)及使用

1.1 注冊(cè)

在collection最外層中Pre-request Script中編寫(xiě)全局方法

// 開(kāi)發(fā)者本機(jī)ip
const globalDevIp = 'http://172.16.65.46:9191'
// 全局變量
pm.globals.set("variable_key", "variable_value");
var moment = require('moment');
var date = new Date();
date = moment(date).format("YYYY-MM-DD HH:mm:ss");
var transNo = moment(date).format("YYYYMMDDHHmmss");
pm.environment.set("req_time", date);
pm.environment.set("transNo", transNo);
pm.environment.set('globalDevIp', globalDevIp)
// 注冊(cè)全局方法
pm.globals.set('loadUtils', function loadUtils() {
    let utils = {
        // 獲取個(gè)人編號(hào)-依賴(lài)于HT000-獲取個(gè)人/企業(yè)數(shù)據(jù)（先執(zhí)行HT000）
        getPerson: (name) => {
            try {
                let globalPerson = pm.environment.get('globalPerson');
                if (globalPerson && globalPerson.length == 32) {
                    return globalPerson
                }
                let tempObj = pm.environment.get('psersonAccountMap');
                if (typeof tempObj == 'object') {
                    return tempObj[name || globalPerson].id
                } else {
                    throw(new Error('在全局配置的HT000中，設(shè)置全局個(gè)人編號(hào)'))
                }
            } catch(e) {
                const errorMsg = '獲取全局個(gè)人編號(hào)失敗,' + (e.message || e)
                console.error(errorMsg)
                throw(new Error(errorMsg))
            }
        },
        // 設(shè)置bizContent和sign簽名
        setBizContent: (biz_content) => {
            ...
        },
        // 可視化結(jié)果
        devRedirectUrl(url) {
            if (!url && !url.includes('?')) return
            const ip = pm.environment.get('globalDevIp')|| pm.environment.get('api_url_prefix')
            const temp = url.split('?')[1].replace('&timestamp', '&amp;timestamp')
            const redirectUrlWebs = ip + '/#/webs?'+ temp
            const redirectUrlApp = ip + '/#/app?'+ temp
            /* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓【開(kāi)發(fā)專(zhuān)用--重定向】↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
            pm.visualizer.set(`
            <div style="width: 100vw; height: 100vh; font-family: monospace; color:blue; word-bread: pre-wrap; ">
                <textarea style="width: 100vw; height: 30%; " readonly>${redirectUrlWebs}</textarea>
                <textarea style="width: 100vw; height: 30%; " readonly>${redirectUrlApp}</textarea>
            </div>
            `)
            /* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑【開(kāi)發(fā)專(zhuān)用--重定向】↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
        }
    };
    return utils;
} + '; loadUtils();');
console.log('全局方法已經(jīng)注冊(cè)')

1.2全局方法使用

在業(yè)務(wù)請(qǐng)求中的Pre-request Script引入方法, 如：

const utils = eval(globals.loadUtils); // 全局方法引入
// 獲取默認(rèn)個(gè)人ID；不傳參，取默認(rèn)值，可傳參：utils.getPerson('賬號(hào)') 
let personSignerId = utils.getPerson()

2. 可視化

以下內(nèi)容是工作中碰到的一個(gè)繁瑣操作，訪問(wèn)接口后，返回結(jié)果的帶域名地址替換本機(jī)ip，然后瀏覽器打開(kāi)替換后的地址→進(jìn)行調(diào)試。

PS: 手動(dòng)修改雖然步驟不多，但每次都要去修改，作為一名合格的懶人，想著對(duì)結(jié)果進(jìn)行二次修改后進(jìn)行展示。對(duì)返回結(jié)果進(jìn)行二次處理后，并可視化，方便復(fù)制。

另：其實(shí)還有更進(jìn)一步的想法，就是調(diào)用接口后，對(duì)數(shù)據(jù)二次處理后，通過(guò)postman軟件直接打開(kāi)chrome瀏覽器訪問(wèn)目標(biāo)地址。但目前沒(méi)有找到該實(shí)現(xiàn)方法，有大佬知道的可以指導(dǎo)一下。

可視化操作如下：

在業(yè)務(wù)請(qǐng)求的Tests中，編寫(xiě)方法或者全局方法注冊(cè)

const redirectUrlApp = JSON.parse(responseBody)
pm.visualizer.set(`
<div style="width: 100vw; height: 100vh; font-family: monospace; color:blue; word-bread: pre-wrap; ">
    <textarea style="width: 100vw; height: 30%; " readonly>${redirectUrlApp}</textarea>
</div>
`)
或者
let template = `
  <div>
    <h3>name:{{response.name}}</h3>
    <h3>partition:{{response.partition}}</h3>
  </div>
`;
pm.visualizer.set(template, {
    response: JSON.parse(responseBody)
});

頁(yè)面展示在Body下的Visualize，在可視化窗口中，很方便就能全選復(fù)制地址