Artículos avanzados de Postman (13) - Visualización de respuesta de interfaz (Visualize) y visualización de respuesta descifrada en Visualize

• Postman Visualizer proporciona una forma programática de representar visualmente las respuestas de la interfaz.
• Visualize puede presentar los datos devueltos por la API a los usuarios de una manera hermosa y fácil de leer, para que los desarrolladores puedan comprender mejor la estructura de datos y el contenido de la interfaz de la API.
• No solo se puede mostrar la respuesta de forma más hermosa, sino que también se puede mostrar de otra forma. Por ejemplo, la respuesta cifrada puede mostrar aquí el resultado descifrado.

1. Introducción a la función

• Cuando se utiliza la interfaz de solicitud de Postman, el resultado de la respuesta suele ser datos en formato JSON, XML o HTML.
• Si observa estos datos directamente, pueden surgir las siguientes preguntas:
  1. Los datos son demasiado complejos para leer: algunas interfaces API tienen datos de respuesta complejos, incluidos objetos anidados de varias capas, matrices, etc., lo que dificulta que las personas comprendan rápidamente su estructura y contenido.
  2. Formato de datos irregular: el formato de datos devuelto por algunas interfaces API no está estandarizado, lo que dificulta su lectura.
  3. Cantidad excesiva de datos: algunas interfaces API pueden devolver una gran cantidad de datos, lo que dificulta filtrar rápidamente la información requerida.
• En respuesta a los problemas anteriores, Postman proporciona la función "Visualización de respuestas", que puede convertir automáticamente los datos de respuesta en una forma hermosa y fácil de leer, mostrar la estructura de datos y el contenido devuelto por la API y admitir operaciones como filtrado, clasificación y búsqueda, lo cual es conveniente para los desarrolladores Localice rápidamente la información que necesita.
  

2. Cómo usar (pm.visualizer.set)

• Vamos a presentar cómo usar esta función en detalle.
• La configuración de Visualizar debe realizarse en el script.

• En la columna, también introduje los dos scripts del cartero "script de solicitud previa" y "script de prueba"
  ( introducción detallada del script de solicitud previa , introducción detallada del script de prueba )

• En la secuencia de comandos, use el método pm.visualizer.set() para configurar los datos que se muestran en la pestaña Visualizar.

pm.visualizer.set()

• El método acepta una cadena de plantilla como su primer parámetro. El segundo parámetro son los datos que se mostrarán utilizando la plantilla.
• El siguiente es un ejemplo dado en el documento oficial, que muestra el nombre y el correo electrónico en los datos de respuesta en forma tabular.
  
• El código completo es el siguiente:

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: pm.response.json()["data"]
});

• Complete el script debajo del script de pruebas
  
• Después de ejecutar, puede ver los datos procesados ​​en la pestaña Respuesta, Visualizar
  

3. Muestre la respuesta descifrada en Visualize

• Debido a que no eliminé mucho el código de front-end, no usé Visualize en un nivel más profundo.
• Pero descubrí en mi trabajo que algunas respuestas de interfaz descifradas son muy adecuadas para verlas en Visualize.
• El artículo anterior a la columna presentó cómo descifrar la respuesta de la interfaz. El método en ese momento era imprimir el resultado descifrado en la consola.
  ( Capítulo avanzado del cartero (5) - combate real: la interfaz de descifrado del script de prueba devuelve el resultado (AES) )
  
• Ahora presente otra forma de mostrar el resultado del descifrado en Visualize.
• Agregue una línea de código descifrado para configurar la visualización

// data_dec_str:解密后的结果
pm.visualizer.set("<pre>" + data_dec_str + "</pre>")

• Esto mostrará los resultados en la pestaña Visualizar.
  

Apéndice: catálogo de artículos de la serie cartero

零基础入门接口功能测试教程-目录
——————————————————————————————————
cartero El archivo ha sido subido a la cuenta oficial de mi operación [Habilidades requeridas para la prueba de software]

Si es necesario, puede hacer clic en el artículo para enviar el código QR e ir a recogerlo ~