← Înapoi la Funcționalități
Pro

Tester API

API Tester este un client HTTP încorporat pentru apelurile REST, GraphQL și WebSocket care rulează în contextul paginii pe care vă aflați deja - astfel încât cookie-urile, sesiunea și originea dvs. se aplică automat, fără simboluri de copiat într-o aplicație separată.

Testarea unui API înseamnă de obicei părăsirea browserului. Deschideți Postman sau Insomnia, apoi petreceți cinci minute recreând ceva pe care browserul îl are deja: cookie-ul de sesiune, simbolul purtător, originea corectă, antetul CSRF. Până când solicitarea este gata, testați un context diferit de cel în care trăiește bug-ul dvs.

API Tester elimină acel pas. Trimite cererea din interiorul paginii pe care o vizualizați, ca pagina în sine, deci indiferent de ce v-ați conectat, așa cum este solicitarea. Un GET împotriva propriului punct final de administrare funcționează imediat, deoarece cookie-ul călătorește cu acesta. Nu există nimic de configurat și nimic de menținut sincronizat.

Fila REST vă oferă o metodă, o adresă URL care poate fi absolută sau relativă, antete scrise câte unul pe linie și un corp. Răspunsul revine cu starea sa, cât de mult a durat, cât de mare a fost, JSON destul de tipărit și anteturile complete de răspuns. Fila GraphQL preia un punct final, o interogare și variabile, creează cererea pentru dvs. și vă spune când răspunsul conține erori GraphQL, chiar dacă starea HTTP era 200. Fila WebSocket deschide o conexiune reală, trimite cadre pe care le introduceți și înregistrează totul în ambele direcții cu marcaje temporale.

Când politica de securitate a conținutului unei pagini sau o regulă CORS blochează apelul, un comutator retrimite cererea identică de la extensie, care nu este supusă niciunei. Aceasta vă oferă o modalitate rapidă de a deosebi o problemă de server de o problemă de politică de browser - aceeași cerere, două contexte, două răspunsuri. Ultimele dvs. 25 de solicitări sunt păstrate, așa că revenirea la ceva ce ați încercat ieri este cu un singur clic.

Previzualizare în Direct
app.example.com/dashboard
Tester API Rulare în contextul paginii
REST GraphQL WebSocket Istorie
POST /api/v2/orders Trimite
Anteturi
Content-Type: application/json
X-Request-Id: 4f2b-dev-check
201 Created 142 ms · 1.2 KB Destul de Brut Anteturi
{
  "id": "ord_8821",
  "status": "pending",
  "total": 49.90
}
Caracteristici Principale

Generator de solicitări cu anteturi reale

Alegeți orice metodă, introduceți o adresă URL absolută sau relativă și scrieți anteturile câte unul pe linie ca valoare Nume:. Adresele URL relative se rezolvă pe pagina în care vă aflați, așa că /api/users funcționează.

Se rulează în sesiunea dvs. conectată

Solicitările pleacă din contextul propriu al paginii, purtând cookie-urile, originea și sesiunea acesteia. Punctele finale autentificate răspund exact așa cum fac pentru aplicație, fără copierea simbolului.

Interogări și variabile GraphQL

Introduceți un punct final, o interogare și variabile JSON; corpul POST corect este creat pentru dvs. Erorile GraphQL returnate într-un răspuns de 200 sunt numărate și marcate mai degrabă decât ascunse.

Consola WebSocket bidirecțională

Deschideți o conexiune ws:// sau wss://, trimiteți cadre și urmăriți fiecare cadru în ambele direcții cu marcaje temporale, dimensiuni și starea conexiunii - nu doar o captură numai în citire.

Răspunsuri care pot fi citite

Starea, sincronizarea și dimensiunea transferului din față, cu vizualizări Pretty, Raw și Headers. JSON este formatat automat și orice poate fi copiat cu un singur clic.

Ocoliți CSP și CORS atunci când este necesar

Dacă CSP-ul paginii sau o regulă CORS blochează un apel, comutați Executare de la Extensie și trimiteți cererea identică din afara paginii - o modalitate instantanee de a separa erorile de server de politica browserului.

Cazuri de Utilizare Comune

Testarea unui punct final în timp ce sunteți conectat

Atingeți un punct final care are nevoie de o sesiune autentificată fără a exporta un cookie sau a genera un token - sunteți deja conectat în acea filă, iar cererea iese ca dvs.

Depanarea unui 401 sau 403

Trimiteți cererea eșuată exactă, inspectați anteturile de răspuns, apoi retrimiteți cu un antet de autorizare schimbat cu un caracter pentru a vedea exact la ce obiectează serverul.

Verificarea unei forme de răspuns GraphQL

Rulați o interogare cu variabile reale împotriva punctului final live și citiți rezultatul formatat înainte de a scrie codul frontend care îl consumă.

Vizionarea unui flux WebSocket live

Conectați-vă la o priză, trimiteți un cadru de abonare și urmăriți ce împinge serverul înapoi în timp real în timp ce verificați formatul mesajului.

Reproducerea unei erori într-un bilet

Capturați cererea și răspunsul eșuat, copiați-le și inserați o imagine completă în problemă, astfel încât oricine o ridică să nu fie nevoit să ghicească.

Cum se Folosește
1

Deschideți API Tester

Faceți clic pe pictograma Tester API din dock-ul DevSuite Pro. Se deschide un panou cu file pentru REST, GraphQL, WebSocket și History, pre-completate cu originea site-ului curent.

2

Descrieți cererea

Alegeți o metodă și introduceți adresa URL - completă sau relativă, cum ar fi /api/orders. Adăugați anteturi câte unul pe linie (Tip de conținut: application/json) și inserați un corp dacă metoda ia unul.

3

Trimite-l

Apăsați Trimitere sau Ctrl+Enter (Cmd+Enter pe Mac). Solicitarea iese din pagină, așa că rămâneți conectat ca oricine vă aflați în fila respectivă.

4

Citiți răspunsul

Pilula de stare, momentul și dimensiunea apar imediat. Comutați între Pretty, Raw și Headers și copiați oricare dintre ele. Dacă CSP-ul paginii a blocat apelul, comutați Executare de la la Extensie și trimiteți din nou.

5

Reutilizați-l mai târziu

Fiecare solicitare este salvată în Istoric cu starea sa. Faceți clic pe orice intrare pentru a încărca metoda, adresa URL, anteturile și corpul direct înapoi în formular.

Ești Gata să Încerci?

Instalează DevSuite Pro gratuit și deblochează peste 71 de instrumente pentru dezvoltatori în browserul tău.

Adaugă în Chrome Adaugă la Edge Adaugă în FireFox