← Tilbage til funktioner
Pro

API tester

API Tester er en indbygget HTTP-klient til REST-, GraphQL- og WebSocket-kald, der kører i sammenhæng med den side, du allerede er på - så dine cookies, session og oprindelse gælder automatisk, uden tokens at kopiere til en separat app.

At teste en API betyder normalt at forlade browseren. Du åbner Postman eller Insomnia og bruger derefter fem minutter på at genskabe noget, browseren allerede har: sessionscookien, bærer-tokenet, den rigtige oprindelse, CSRF-headeren. På det tidspunkt, hvor anmodningen er klar, tester du en anden kontekst end den, din fejl lever i.

API Tester fjerner dette trin. Den sender anmodningen inde fra den side, du ser, som selve siden, så uanset hvad du er logget på, er det, hvad anmodningen er logget ind som. En GET mod dit eget admin-slutpunkt virker med det samme, fordi cookien rejser med den. Der er intet at konfigurere og intet at holde synkroniseret.

Fanen REST giver dig en metode, en URL, der kan være absolut eller relativ, overskrifter skrevet én pr. linje og en brødtekst. Svaret kommer tilbage med sin status, hvor lang tid det tog, hvor stort det var, smukt trykt JSON og de fulde svaroverskrifter. GraphQL-fanen tager et slutpunkt, en forespørgsel og variabler, bygger anmodningen for dig og fortæller dig, hvornår svaret indeholder GraphQL-fejl, selvom HTTP-statussen var 200. WebSocket-fanen åbner en reel forbindelse, sender frames, du skriver, og logger alt i begge retninger med tidsstempler.

Når en sides egen indholdssikkerhedspolitik eller en CORS-regel blokerer opkaldet, sender en switch i stedet den identiske anmodning fra lokalnummeret igen, som ikke er underlagt nogen af ​​dem. Det giver dig en hurtig måde at skelne et serverproblem fra et browserpolitikproblem - den samme anmodning, to sammenhænge, ​​to svar. Dine sidste 25 anmodninger bevares, så det er et enkelt klik at vende tilbage til noget, du prøvede i går.

Live forhåndsvisning
app.example.com/dashboard
API tester Kører i sidekontekst
REST GraphQL WebSocket Historie
POST /api/v2/orders Sende
Overskrifter
Content-Type: application/json
X-Request-Id: 4f2b-dev-check
201 Created 142 ms · 1.2 KB Smukt Rå Overskrifter
{
  "id": "ord_8821",
  "status": "pending",
  "total": 49.90
}
Nøglefunktioner

Request Builder med rigtige overskrifter

Vælg en hvilken som helst metode, indtast en absolut eller relativ URL, og skriv overskrifter en pr. linje som Navn: værdi. Relative URL'er løses mod den side, du er på, så /api/brugere fungerer bare.

Kører i din loggede session

Anmodninger om orlov fra sidens egen kontekst med dens cookies, oprindelse og session. Godkendte slutpunkter reagerer nøjagtigt, som de gør for appen, uden token-kopiering.

GraphQL-forespørgsler og variabler

Indtast et slutpunkt, en forespørgsel og JSON-variabler; den korrekte POST-tekst er bygget til dig. GraphQL-fejl, der returneres i et 200-svar, tælles og markeres i stedet for at blive skjult.

To-vejs WebSocket-konsol

Åbn en ws:// eller wss://-forbindelse, send frames, og se hver frame i begge retninger med tidsstempler, størrelser og forbindelsestilstand – ikke kun en skrivebeskyttet optagelse.

Læsbare svar

Status, timing og overførselsstørrelse foran, med Pretty, Raw og Headers-visninger. JSON formateres automatisk, og alt kan kopieres med et enkelt klik.

Omgå CSP og CORS, når det er nødvendigt

Hvis sidens CSP eller en CORS-regel blokerer et opkald, skal du skifte Kør fra til Udvidelse og sende den identiske anmodning uden for siden - en øjeblikkelig måde at adskille serverfejl fra browserpolitik.

Almindelige brugstilfælde

Tester et slutpunkt, mens du er logget ind

Hit et slutpunkt, der har brug for en autentificeret session uden at eksportere en cookie eller generere et token - du er allerede logget ind på den fane, og anmodningen går ud som dig.

Fejlretning af en 401 eller 403

Send den nøjagtige mislykkede anmodning, undersøg svaroverskrifterne, og send derefter igen med en autorisationsheader ændret med et tegn for at se præcist, hvad serveren protesterer mod.

Kontrol af en GraphQL-svarform

Kør en forespørgsel med rigtige variabler mod live-slutpunktet, og læs det formaterede resultat, før du skriver frontend-koden, der bruger det.

Ser et live WebSocket-feed

Tilslut til en socket, send en abonnentramme, og se, hvad serveren skubber tilbage i realtid, mens du verificerer meddelelsesformatet.

Gengivelse af en fejl i en billet

Fang den mislykkede anmodning og svar, kopier dem, og indsæt et komplet billede i problemet, så den, der samler det op, ikke behøver at gætte.

Sådan bruger du det
1

Åbn API Tester

Klik på API Tester-ikonet i DevSuite Pro-dockingstationen. Et panel åbnes med faneblade for REST, GraphQL, WebSocket og History, forududfyldt med det aktuelle websteds oprindelse.

2

Beskriv anmodningen

Vælg en metode og indtast URL'en - fuld eller relativ som /api/orders. Tilføj overskrifter en pr. linje (Content-Type: application/json) og indsæt en brødtekst, hvis metoden tager en.

3

Send det

Tryk på Send eller Ctrl+Enter (Cmd+Enter på Mac). Anmodningen forsvinder fra siden, så du forbliver logget ind som den, du er på den fane.

4

Læs svaret

Statuspillen, timing og størrelse vises med det samme. Skift mellem Pretty, Raw og Headers, og kopier noget af det. Hvis sidens CSP blokerede opkaldet, skal du skifte Kør fra til lokalnummer og sende igen.

5

Genbrug det senere

Hver anmodning gemmes i Historik med dens status. Klik på en hvilken som helst post for at indlæse metode, URL, overskrifter og brødtekst direkte tilbage i formularen.

Klar til at prøve?

Installer DevSuite Pro gratis og lås op for 71+ udviklerværktøjer til din browser.

Tilføj til Chrome Tilføj til Edge Tilføj til FireFox