Koray PEKER
Menu
  • Anasayfa
  • Kütüphane
  • Kategoriler
    • Java
    • Spring
    • Tasarım Şablonları
    • Git
    • Maven
    • ORM Çatıları
    • VCS
    • SDLC
    • DevOps
    • Algoritma
    • Eğitim
    • Diğer
  • Hakkımda
Menu

Postman API’ları Görselleştirme

14 Nisan 202014 Nisan 2020 tarihinde yayımlandı

Postman, 3 milyondan fazla yazılımcının API’ları paylaşmak, test etmek, dokümante etmek, monitör etmek, mocklamak için kullandığı dünyanın en çok kullanılan API clientidir.

Son zamanlarda Postman aldı başını gidiyor. Aşağıdaki grafikten de anlaşılacağı gibi mükemmel bir artış var ki hak ediyorlar, mükemmel geliştirmeler ile hayat kurtarıyorlar.

Visualization(Görselleştirme)

Bazen çıktılar (XML/JSON) çok karışık göründüğünden okunabilirliği olamayabiliyor. Ayrıca dataları kullanarak analizler yapmaya çalışırken zorlanabiliyoruz. 2019 yılının sonunda gelen görselleştirme (Visualize) özelliği bu sorunu da halletmişe benziyor. 

Görselleştirme özelliği, çıktılarınızı anlamlandırmaya yardımcı olacak şekilde sunmanıza olanak tanır. Ham(raw) çıktıları okumak zorunda kalmak yerine, projenizle ilgili bilgileri modellemek ve vurgulamak için görselleştiriciler kullanabilirsiniz. Sonrasında bu koleksiyonları ekibinizle de paylaşabilirsiniz.

Bu özelliği etkinleştirmek için Tests veya Pre-request sekmesinde HTML / CSS / JS kullanarak hatta dilediğiniz kütüphaneyi de kullanarak çıktınızı görselleştirecek kodu yazabilirsiniz. 

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
var template = `
    <style type="text/css">
        .tftable {font-size:14px;color:#333333;width:100%;border-width: 1px;border-color: #87ceeb;border-collapse: collapse;}
        .tftable th {font-size:18px;background-color:#87ceeb;border-width: 1px;padding: 8px;border-style: solid;border-color: #87ceeb;text-align:left;}
        .tftable tr {background-color:#ffffff;}
        .tftable td {font-size:14px;border-width: 1px;padding: 8px;border-style: solid;border-color: #87ceeb;}
        .tftable tr:hover {background-color:#e0ffff;}
    </style>
 
    <table class="tftable" border="1">
        <tr>
            <th>Name</th>
            <th>Email</th>
        </tr>
        
        {{#each response.data.contacts}}
            <tr id=row_{{@key}} onClick="handleClick(this.id)">
                <td id={{@key}}>{{name}}</td>
                <td>{{email}}</td>
            </tr>
        {{/each}}
    </table>
`;
 
pm.visualizer.set(template, {
    response: JSON.parse(responseBody)
});

Sonrasında sorguyu yapıp Visualize sekmesinde sonucu görebilirsiniz. 

Tabi bununla kalmıyor grafikler bile hazırlayabilirsiniz. Buradan hazır şablonlara bakabilir API’larınıza uygulayabilirsiniz.

Ayrıca detaylı bilgi için tıklayınız.

1 yorum yapıldı “Postman API’ları Görselleştirme”

  1. Gürco dedi ki:
    16 Nisan 2020, 20:23

    Eline saglik faydalı oldu

    Yanıtla

Bir yanıt yazın Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

POPÜLER YAZILAR

  • Çalışma Masam
  • Bir Yazılımcının Sırt Çantası
  • Modern Veri Tabanları
  • CI (Continuous integration) ve CD (Continuous Delivery/Deployment)
  • NullPointerException’dan Kaçış
  • Java Branching Statements (Dallanma İfadeleri)
  • İlk işime veda :(
  • Yük Testi ve SoapUI
  • Project : Lombok
  • Enumeration nedir ?

Ara

Son Yazılar

  • Çalışma Masam
  • Apache Kafka
  • Postman API’ları Görselleştirme
  • MongoDB Cheat Sheet
  • Splunk 101 – Giriş
  • Yük Testi ve SoapUI
  • Modern Veri Tabanları
  • Senior Stajyer ?!
  • API Dokümantasyon Önemi ve Swagger
  • Kod Tekrarı(Code Duplication) ve DRY

TAKİP ET

©2025 Koray PEKER