API Tester è un client HTTP integrato per chiamate REST, GraphQL e WebSocket che viene eseguito nel contesto della pagina su cui ti trovi già, quindi cookie, sessione e origine si applicano automaticamente, senza token da copiare in un'app separata.
Testare un'API di solito significa uscire dal browser. Apri Postman o Insomnia, quindi passi cinque minuti a ricreare qualcosa che il browser già possiede: il cookie di sessione, il token al portatore, l'origine corretta, l'intestazione CSRF. Quando la richiesta è pronta, stai testando un contesto diverso da quello in cui risiede il tuo bug.
API Tester rimuove questo passaggio. Invia la richiesta dall'interno della pagina che stai visualizzando, come la pagina stessa, quindi qualunque cosa tu abbia effettuato l'accesso sarà ciò con cui è stata effettuata la richiesta. Un GET contro il tuo endpoint di amministrazione funziona immediatamente perché il cookie viaggia con esso. Non c'è niente da configurare e niente da mantenere sincronizzato.
La scheda REST fornisce un metodo, un URL che può essere assoluto o relativo, intestazioni scritte una per riga e un corpo. La risposta ritorna con il suo stato, quanto tempo è impiegato, quanto era grande, un JSON ben stampato e le intestazioni di risposta complete. La scheda GraphQL prende un endpoint, una query e variabili, crea la richiesta per te e ti dice quando la risposta contiene errori GraphQL anche se lo stato HTTP era 200. La scheda WebSocket apre una connessione reale, invia i frame digitati e registra tutto in entrambe le direzioni con timestamp.
Quando la politica di sicurezza dei contenuti di una pagina o una regola CORS blocca la chiamata, uno switch invia invece nuovamente la richiesta identica dall'estensione, che non è soggetta a nessuno dei due. Ciò ti offre un modo rapido per distinguere un problema del server da un problema di policy del browser: la stessa richiesta, due contesti, due risposte. Le tue ultime 25 richieste vengono conservate, quindi tornare a qualcosa che hai provato ieri è con un clic.
Scegli un metodo qualsiasi, inserisci un URL assoluto o relativo e scrivi le intestazioni una per riga come Nome: valore. Gli URL relativi si risolvono in base alla pagina in cui ti trovi, quindi /api/users funziona e basta.
Le richieste partono dal contesto della pagina, portandone i cookie, l'origine e la sessione. Gli endpoint autenticati rispondono esattamente come per l'app, senza copia dei token.
Inserisci un endpoint, una query e variabili JSON; il corpo POST corretto è creato per te. Gli errori GraphQL restituiti all'interno di una risposta 200 vengono conteggiati e contrassegnati anziché nascosti.
Apri una connessione ws:// o wss://, invia frame e guarda ogni frame in entrambe le direzioni con timestamp, dimensioni e stato della connessione, non solo un'acquisizione di sola lettura.
Stato, tempistica e dimensione del trasferimento in primo piano, con visualizzazioni Pretty, Raw e Intestazioni. JSON viene formattato automaticamente e qualsiasi cosa può essere copiata con un clic.
Se il CSP della pagina o una regola CORS blocca una chiamata, passa da Esegui a Estensione e invia la richiesta identica dall'esterno della pagina: un modo immediato per separare gli errori del server dalla policy del browser.
Raggiungi un endpoint che necessita di una sessione autenticata senza esportare un cookie o generare un token: hai già effettuato l'accesso in quella scheda e la richiesta viene inviata come te.
Invia l'esatta richiesta non riuscita, controlla le intestazioni di risposta, quindi invia nuovamente con un'intestazione di autorizzazione modificata di un carattere per vedere esattamente a cosa si oppone il server.
Esegui una query con variabili reali sull'endpoint live e leggi il risultato formattato prima di scrivere il codice frontend che lo utilizza.
Connettiti a un socket, invia un frame di sottoscrizione e osserva cosa restituisce il server in tempo reale mentre verifichi il formato del messaggio.
Cattura la richiesta e la risposta non riuscite, copiale e incolla un'immagine completa nel problema in modo che chi la raccoglie non debba indovinare.
Fai clic sull'icona API Tester nel dock DevSuite Pro. Si apre un pannello con schede per REST, GraphQL, WebSocket e Cronologia, precompilate con l'origine del sito corrente.
Scegli un metodo e inserisci l'URL: completo o relativo come /api/orders. Aggiungi intestazioni una per riga (Content-Type: application/json) e incolla un corpo se il metodo ne richiede uno.
Premi Invia o Ctrl+Invio (Cmd+Invio su Mac). La richiesta esce dalla pagina, quindi rimani connesso come chiunque tu sia in quella scheda.
La pillola di stato, i tempi e le dimensioni vengono visualizzati immediatamente. Passa da Pretty, Raw e Headers e copiane uno qualsiasi. Se il CSP della pagina ha bloccato la chiamata, passa da Esegui a Interno e invia di nuovo.
Ogni richiesta viene salvata nella Cronologia con il suo stato. Fai clic su qualsiasi voce per caricare il metodo, l'URL, le intestazioni e il corpo direttamente nel modulo.
Installa DevSuite Pro gratuitamente e sblocca più di 71 strumenti per sviluppatori per il tuo browser.
