← πŸ› οΈ Dev Tools
⚑ Dev Tools

HTTP Request Builder

Costruisci ed esegui richieste HTTP direttamente dal browser. Headers dinamici, autenticazione Bearer/Basic/API Key, body JSON/form, cronologia e generazione automatica di codice cURL e fetch.

Preset comuni
Nessuna Bearer Token Basic API Key
Nessuno JSON Form (URL-encoded) Testo
Script eseguito prima della richiesta (JavaScript):
Usa request.headers, request.url, request.body per modificare la richiesta.
Usa env.variabile per passare dati tra richieste in chain.
cURL fetch JS axios Python
// Clicca per aggiornare
⚠ Alcune API non permettono richieste da browser (CORS). Se la richiesta fallisce, usa cURL o fetch dal terminale con il codice generato nella tab "Codice".
⚑

Inserisci un URL e clicca Invia per eseguire la richiesta

Prova con: https://jsonplaceholder.typicode.com/posts/1

HTTP Request Builder online

Costruisci una richiesta HTTP selezionando il metodo (GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS), inserendo l'URL, aggiungendo header e il body. Premi Invia per eseguire la richiesta e visualizzare risposta, status code, header di risposta e tempi. Puoi anche copiare la richiesta equivalente come comando curl, codice fetch JavaScript o requests Python β€” pronto da incollare nel tuo progetto.

Metodi HTTP e quando usarli

GET: recupera una risorsa, non ha body, idempotente (chiamarlo N volte produce lo stesso risultato). POST: crea una nuova risorsa, ha body JSON/form, non idempotente. PUT: sostituisce completamente una risorsa esistente (upsert), idempotente. PATCH: modifica parzialmente una risorsa (solo i campi inviati), non sempre idempotente. DELETE: elimina una risorsa, idempotente. HEAD: come GET ma senza body di risposta β€” utile per verificare l'esistenza di una risorsa o i suoi metadati. OPTIONS: descrive le opzioni disponibili per l'endpoint, usato dal browser nel CORS preflight.

CORS: perchΓ© alcune richieste falliscono nel browser

Le richieste eseguite dal browser sono soggette alla policy CORS: se l'API di destinazione non include gli header Access-Control-Allow-Origin nella risposta, il browser blocca la risposta. Non Γ¨ un problema del tool nΓ© dell'API β€” Γ¨ una restrizione di sicurezza del browser. Per aggirare il CORS in sviluppo: usa un proxy locale (Vite e Webpack hanno questa funzionalitΓ ), usa Postman o Insomnia (applicazioni desktop, non soggette a CORS), o configura il server API per includere gli header CORS.

Differenze con Postman e Insomnia

Postman e Insomnia sono strumenti desktop con persistenza delle collection, ambienti multipli, test automatici, documentazione e collaborazione in team. Questo tool Γ¨ ideale per: test rapidi senza installare software, condivisione di una richiesta specifica via URL, generazione di snippet di codice, verifica rapida di un endpoint durante la lettura della documentazione. Per workflow quotidiani e team usa Postman o Insomnia; per test occasionali e snippet usa questo tool.

FAQ

Posso testare API con autenticazione Bearer? β–Ύ

Sì. Nella tab "Auth" seleziona "Bearer Token" e inserisci il token. Viene aggiunto automaticamente l'header Authorization: Bearer {token}. Puoi anche aggiungere header personalizzati manualmente nella tab "Headers" per qualsiasi schema di autenticazione custom.

Le richieste e i token vengono salvati? β–Ύ

La cronologia delle richieste viene salvata solo nella sessione corrente del browser (in memoria) e non viene mai inviata a server esterni. Alla chiusura del browser la cronologia viene persa. I token di autenticazione non vengono mai loggati o trasmessi al di fuori della richiesta che stai eseguendo.

Come inviare un body JSON? β–Ύ

Seleziona il metodo POST o PUT, vai alla tab "Body", scegli "JSON" come content type e inserisci il JSON nell'editor. L'header Content-Type: application/json viene aggiunto automaticamente. Il tool valida il JSON e segnala eventuali errori di sintassi prima dell'invio.

Come ottengo il comando curl equivalente? β–Ύ

Dopo aver configurato la richiesta, clicca "Copia come curl" per ottenere il comando curl equivalente con tutti i flag, header e body. Utile per riprodurre la richiesta in terminale, in uno script bash, o per condividerla con un collega.

Posso salvare le richieste per riusarle? β–Ύ

Le richieste vengono salvate nella cronologia della sessione corrente. Per salvare in modo permanente usa il pulsante "Salva" β€” viene generato un URL condivisibile con tutti i parametri della richiesta codificati. Puoi aggiungerlo ai preferiti o condividerlo con il team.