Confrontare client
Genera Fetch, Axios e cURL dalla stessa configurazione di richiesta.
Generatore di richieste API
Configura gli elementi di una richiesta HTTP e genera esempi pronti all’uso in cURL, Fetch o Axios direttamente nel browser.
- Appunti
- Esporta
Metodo
Un parametro per riga: chiave=valore
Dati non inviati
Un’intestazione per riga: Nome: valore
Dati non inviati
Dati non inviati
Tre implementazioni generate.
cURL
Fetch API
Axios
Questo strumento ti è stato utile?
Come funziona questo strumento?
Utilizza Generatore di richieste API direttamente nel browser per ottenere rapidamente il risultato di cui hai bisogno.
Una configurazione produce codice cURL, Fetch e Axios. Il generatore non contatta l’URL e non misura stato HTTP o tempi. Gli URL HTTP(S) sono verificati e serializzati. Le righe chiave=valore si aggiungono ai parametri esistenti, comprese chiavi ripetute. Le intestazioni usano Nome: valore, con verifica del nome e dei caratteri vietati. Se i nomi coincidono senza distinguere maiuscole, prevale l’ultimo valore.
Il corpo JSON viene verificato e conservato come testo originale, evitando di riscrivere silenziosamente un intero grande durante la generazione. Content-Type: application/json viene aggiunto se necessario senza sostituire un’intestazione esplicita. I corpi GET e HEAD sono rifiutati per compatibilità con Fetch. Puoi scegliere nessun corpo, JSON o testo; file e moduli multipart non sono costruiti.
Fetch usa await e legge il testo della risposta prima di analizzare un contenuto dichiarato JSON. Nell’esecuzione questa analisi usa la precisione numerica di JavaScript. Axios deve essere disponibile nel progetto: il codice non lo installa. cURL usa quotatura POSIX. Gli ambienti differiscono: il browser impone CORS e limita intestazioni, cURL usa il terminale. La generazione non garantisce quindi risposte identiche in ogni contesto.
Come usare questo strumento
Descrivere la richiesta
Scegli metodo, URL assoluto, parametri e intestazioni. Usa credenziali fittizie se vuoi condividere l’uscita.
Scegliere il corpo
Seleziona JSON o testo solo per metodi supportati con corpo. JSON non valido blocca tutte e tre le varianti.
Adattare il client
Genera e copia o scarica il codice utile. Aggiungi gestione errori, controllo dello stato e autenticazione prima di integrarlo.
Casi d’uso
Preparare richieste JSON
Controlla il corpo prima di inserirlo in un esempio di integrazione.
Integrare un progetto
Scegli il client adatto e aggiungi la gestione degli errori dell’applicazione.
Esempi
Una ricerca in cURL
Lo spazio del filtro viene serializzato nella query. Il comando è testo: nessuna risposta API è stata richiesta.
Input
GET https://example.com/search; q=hello worldRisultato
curl 'https://example.com/search?q=hello+world'Un POST in Fetch
Il corpo JSON resta una stringa. await richiede un contesto compatibile; la risposta viene elaborata solo dopo la tua integrazione.
Input
POST https://example.com/api; JSON {"name":"Ada"}Risultato
const response = await fetch("https://example.com/api", {
"method": "POST",
"headers": {
"Content-Type": "application/json"
},
"body": "{\"name\":\"Ada\"}"
});
const text = await response.text();
const data = text && response.headers.get("content-type")?.includes("json") ? JSON.parse(text) : text;Consigli e buone pratiche
- Un 404 può restituire Response senza rifiutare fetch. Aggiungi un controllo response.ok secondo il comportamento desiderato.
- Condividi configurazioni con credenziali fittizie. I file scaricati contengono i valori di autenticazione inseriti.
- Il codice non sceglie una politica di ritentativi. Definiscila secondo metodo e idempotenza dell’operazione.
Fonti e riferimenti
- RFC 9110 — HTTP Semantics (si apre in una nuova scheda), RFC EditorPagina in inglese
- Fetch Standard (si apre in una nuova scheda), WHATWGPagina in inglese
Domande frequenti
Perché cURL funziona e Fetch viene bloccato?
Il browser impone CORS e restrizioni delle intestazioni assenti nel terminale. Verifica risposte e origini autorizzate prima di supporre un errore di generazione.
Il codice Axios è autonomo?
No. Presuppone Axios disponibile e supporto per await. Aggiungi import, dipendenza e gestione degli errori per il progetto.
Il JSON viene riscritto?
Il corpo viene controllato e mantenuto come testo. Analizzare una risposta JSON è un’altra operazione che può arrotondare numeri grandi in JavaScript.
Posso confrontare tempi di risposta?
No. Non si eseguono chiamate. Usa un client HTTP o strumenti di sviluppo per verificare rete, stato, autenticazione e tempi.
Strumenti correlati
Continua con questi strumenti
Strumenti simili o complementari a questo.
Strumenti simili
Genera un comando cURL completo a partire da una richiesta HTTP.
SviluppoUsa questo strumento
Crea header HTTP personalizzati e ottieni un output pronto da usare nelle tue richieste.
SviluppoUsa questo strumento
Formatta, minifica e valida un documento JSON per renderlo più leggibile o compatto.
SviluppoIn evidenzaUsa questo strumento
Leggi anche
GuidaBuone pratichePrincipiante
Header HTTP di sicurezza: quali attivare e perché
Comprendi HSTS, Referrer-Policy, Permissions-Policy, protezioni dal framing e isolamento cross-origin prima di distribuirli.
29 agosto 20263 min