API Tester je vstavaný HTTP klient pre volania REST, GraphQL a WebSocket, ktorý beží v kontexte stránky, na ktorej sa už nachádzate – takže vaše súbory cookie, relácia a pôvod sa použijú automaticky, bez tokenov na kopírovanie do samostatnej aplikácie.
Testovanie API zvyčajne znamená opustenie prehliadača. Otvoríte Postman alebo Insomnia a potom strávite päť minút opätovným vytváraním niečoho, čo už prehliadač má: súbor cookie relácie, token nosiča, správny pôvod, hlavičku CSRF. V čase, keď je žiadosť pripravená, testujete iný kontext, než v akom žije vaša chyba.
Tester API tento krok odstráni. Žiadosť odošle zvnútra stránky, ktorú si prezeráte, ako samotná stránka, takže bez ohľadu na to, ako ste prihlásení, je žiadosť prihlásená. GET proti vášmu vlastnému koncovému bodu správcu funguje okamžite, pretože súbor cookie s ním cestuje. Nie je čo konfigurovať a čo synchronizovať.
Karta REST vám poskytuje metódu, adresu URL, ktorá môže byť absolútna alebo relatívna, hlavičky napísané po jednej na riadok a telo. Odpoveď sa vráti s jej stavom, ako dlho to trvalo, aká bola veľká, pekne vytlačený JSON a úplné hlavičky odpovede. Karta GraphQL vezme koncový bod, dotaz a premenné, vytvorí požiadavku za vás a povie vám, keď odpoveď obsahuje chyby GraphQL, aj keď stav HTTP bol 200. Karta WebSocket otvorí skutočné pripojenie, odošle rámce, ktoré napíšete, a všetko zaznamená v oboch smeroch pomocou časových pečiatok.
Keď volanie zablokuje vlastná politika zabezpečenia obsahu stránky alebo pravidlo CORS, jeden prepínač namiesto toho znova odošle rovnakú požiadavku z rozšírenia, na ktoré sa nevzťahuje ani jedno. To vám dáva rýchly spôsob, ako rozlíšiť problém servera od problému s politikou prehliadača – rovnaká požiadavka, dva kontexty, dve odpovede. Uchováva sa vašich posledných 25 žiadostí, takže návrat k niečomu, čo ste včera vyskúšali, je jedným kliknutím.
Vyberte ľubovoľnú metódu, zadajte absolútnu alebo relatívnu adresu URL a napíšte hlavičky jednu na riadok ako hodnotu Názov:. Relatívne adresy URL sa porovnávajú so stránkou, na ktorej sa nachádzate, takže /api/users jednoducho funguje.
Požiadavky odchádzajú z vlastného kontextu stránky, nesúce jej súbory cookie, pôvod a reláciu. Overené koncové body reagujú presne tak, ako reagujú na aplikáciu, bez kopírovania tokenov.
Zadajte koncový bod, dotaz a premenné JSON; správne telo POST je vytvorené pre vás. Chyby GraphQL vrátené v rámci odpovede 200 sa spočítajú a označia, nie skryté.
Otvorte pripojenie ws:// alebo wss://, odošlite snímky a sledujte každú snímku v oboch smeroch s časovými pečiatkami, veľkosťami a stavom pripojenia – nielen snímanie len na čítanie.
Stav, načasovanie a veľkosť prenosu vpredu s pohľadmi Pretty, Raw a Headers. JSON sa naformátuje automaticky a čokoľvek je možné skopírovať jedným kliknutím.
Ak CSP stránky alebo pravidlo CORS blokuje volanie, prepnite Spustiť z na Rozšírenie a pošlite rovnakú požiadavku mimo stránky – okamžitý spôsob, ako oddeliť chyby servera od pravidiel prehliadača.
Zasiahnite koncový bod, ktorý potrebuje overenú reláciu, bez exportovania súboru cookie alebo generovania tokenu – na tejto karte ste už prihlásení a žiadosť sa odošle ako vy.
Pošlite presnú neúspešnú požiadavku, skontrolujte hlavičky odpovedí a potom znova odošlite s hlavičkou Autorizácia zmenenou o jeden znak, aby ste presne videli, na čo server objekty.
Spustite dotaz so skutočnými premennými proti aktívnemu koncovému bodu a prečítajte si formátovaný výsledok predtým, ako napíšete kód frontendu, ktorý ho spotrebuje.
Pripojte sa k soketu, odošlite predplatiteľský rámec a sledujte, čo server v reálnom čase vráti späť, zatiaľ čo overujete formát správy.
Zachyťte neúspešnú žiadosť a odpoveď, skopírujte ich a prilepte do problému úplný obrázok, aby ten, kto ho zdvihne, nemusel hádať.
Kliknite na ikonu API Tester v doku DevSuite Pro. Otvorí sa panel s kartami REST, GraphQL, WebSocket a History, vopred vyplnenými pôvodom aktuálnej lokality.
Vyberte metódu a zadajte adresu URL – úplnú alebo relatívnu, napríklad /api/orders. Pridajte hlavičky jednu na riadok (Content-Type: application/json) a vložte telo, ak ho metóda vyžaduje.
Stlačte Odoslať alebo Ctrl+Enter (Cmd+Enter na Macu). Žiadosť zo stránky zmizne, takže zostanete prihlásení ako ktokoľvek na danej karte.
Okamžite sa zobrazí stavová pilulka, načasovanie a veľkosť. Prepínajte medzi Pretty, Raw a Headers a skopírujte čokoľvek z nich. Ak CSP stránky zablokoval hovor, prepnite Spustiť z na Rozšírenie a odošlite znova.
Každá požiadavka sa uloží do histórie s jej stavom. Kliknutím na ľubovoľnú položku načítate metódu, adresu URL, hlavičky a telo priamo späť do formulára.
Nainštalujte si DevSuite Pro zadarmo a odomknite viac ako 71 vývojárskych nástools pre váš prehliadač.
