Come inviare manualmente le richieste HTTP POST dal browser Firefox o Chrome?


1034

Voglio testare alcuni URL su un'applicazione Web su cui sto lavorando. Per questo vorrei creare manualmente le richieste HTTP POST (il che significa che posso aggiungere qualsiasi parametro mi piaccia).

C'è qualche estensione o funzionalità in Chrome e / o Firefox che mi manca?


1
Anche DHC by Restlet (disponibile su Chrome Webstore) è piuttosto utile.
Devesh Khandelwal,

10
Effettua una chiamata AJAX nella console di Chrome. Nessuna estensione necessaria. Questo è un buon modo per effettuare richieste POST senza la necessità di acquisire cookie di autenticazione. $.post('/resource/path/')
FearlessFuture,

11
Mentre è necessario un add-on, la chiusura è una sciocchezza che non ha senso. Stava chiedendo funzionalità in Chrome o Firefox, o se avesse bisogno di un plugin. Il fatto che potrebbe richiedere un plug-in specifico o non specificato non è questo il punto
Shayne,

26
Il post è chiuso in modo errato. Non richiede uno strumento, ma una funzionalità negli strumenti con cui l'autore sta già lavorando. In questo modo dobbiamo chiudere tutte le domande su come fare questo o quello su qualche strumento - e sarà un buon decimo di SO.
Gangnus,

8
Ho notato questa funzione su Firefox quando apri la scheda di rete e scegli una richiesta casuale puoi Edit and Resendfarlo che è piuttosto interessante.
Jurl

Risposte:


1840

Ho realizzato un'app di Chrome chiamata Postman per questo tipo di cose. Tutte le altre estensioni sembravano un po 'datate, quindi sono state fatte mie. Ha anche un sacco di altre funzionalità che sono state utili per documentare la nostra API qui.


Postman ora ha anche app native (cioè standalone) per Windows, Mac e Linux! Ora è più preferibile utilizzare app native, leggi di più qui .


1
Qualche intenzione di portarlo su Firefox? (O qualsiasi cosa diversa da Chrome)
Oli

1
Si. Funziona bene con gli URL localhost.
Abhinav,

4
Quando usi POST in Postman aggiungi le tue chiavi e i tuoi valori al Corpo dopo aver selezionato x-www-form-urlencoded. @Abhivav Voglio solo dire grazie per la fantastica applicazione. Funziona davvero bene durante il test di RESTful.
David

1
Assicurati di installare anche il plug-in interceptor di Postman se desideri utilizzare i cookie del tuo browser, sessione.
GP cyborg,

2
Sono felice di leggere questo post dopo 9 anni e di pensare a come il postino diventi parte integrante della vita degli sviluppatori. Grazie @Abhinav e team per lo sviluppo.
Santhosh K Thadka,

330

CURL è FANTASTICO fare quello che vuoi! È uno strumento da riga di comando semplice ma efficace.

Riposare i comandi di test di implementazione:

curl -i -X GET http://rest-api.io/items
curl -i -X GET http://rest-api.io/items/5069b47aa892630aae059584
curl -i -X DELETE http://rest-api.io/items/5069b47aa892630aae059584
curl -i -X POST -H 'Content-Type: application/json' -d '{"name": "New item", "year": "2009"}' http://rest-api.io/items
curl -i -X PUT -H 'Content-Type: application/json' -d '{"name": "Updated item", "year": "2010"}' http://rest-api.io/items/5069b47aa892630aae059584

36
Sto votando questo anche se è una risposta sbagliata alla domanda: è invece quello che dovevo sapere.
Jim Pivarski,

8
Non si adatta all'intero scopo, perché non può collegare i cookie già impostati in un browser. Ad esempio, potresti voler accedere manualmente a un sito Web e quindi inviare una richiesta di post. Con l'arricciatura, questo sarebbe un grosso problema se il processo di accesso viene gestito con roba javascript
Vic Seedoubleyew

Questo non funziona per me, non posso usare virgolette singole su OSX con zsh e bash, la shell si sta trasformando in quote>modalità. Devo usare-d "{\"..
Daniel W.

193

Firefox

Aprire il pannello Rete in Strumenti per sviluppatori premendo Ctrl+Shift+Eo andando sulla barra dei menu -> Strumenti -> Sviluppatore Web -> Rete. Quindi fai clic sull'icona della piccola porta in alto a destra (in forma espansa nello screenshot, la troverai appena a sinistra delle intestazioni evidenziate), seconda riga (se non la vedi, ricarica la pagina) -> Modifica e reinvia qualunque richiesta tu voglia

Firefox Dev Tools con il pulsante "Modifica e reinvia" evidenziato

Corpo della richiesta POST evidenziato


2
Questa funzione è disattivata per qualcun altro? Quando si modificano i parametri nella casella "Query String", dopo aver modificato un singolo carattere, si rifiuta di modificare ulteriormente la richiesta. L'unico modo per farlo oltre a quello è quello di modificare l'intero URL / richiesta (il che è difficile perché è tutto sommato insieme)
Coldblackice

@Coldblackice Puoi pubblicare uno screenshot o un registratore di problemi? Posso modificare bene la stringa di query. Per aggiungere una nuova stringa di query, utilizzo & = o semplicemente inizio una nuova riga. Per modificarlo, cambia il singolo k, v oppure elimino e ricominciamo da capo.
0

Se si desidera un campo per la stringa di query ( ?key=value) in cui è possibile immettere coppie di valori chiave riga per riga, è sufficiente aggiungere una ?e una lettera al URLcampo in alto e il Query Stringcampo verrà visualizzato.
xuiqzy,

1
questa è la risposta giusta.
Metehan Gülaç,

162

Dimentica il browser e prova la CLI. HTTPie è un ottimo strumento!

inserisci qui la descrizione dell'immagine

Client http CLI :

Se insisti sull'estensione del browser, allora:

Chrome :

Firefox :



Ultimo aggiornamento del poster il 28/06/11 - l'aggiornamento a Firefox significa che non c'è modo di avviarlo
Richard,

@akostadinov non riesco a utilizzare il componente aggiuntivo di test delle risorse in Mozilla lo strumento non viene visualizzato (anche dopo l'installazione e il riavvio) sotto gli strumenti di sviluppo nell'ultima versione di Firefox.
Ram

1
Ho appena provato REST Easy. Disinstallato sul posto: l'interfaccia fa troppa mano e costringe l'utente a rigidi casi d'uso. Non va bene per lo sviluppo delle API.
7heo.tk,

Ho provato tutto suggerito sopra per Firefox ma non ho trovato nulla di utile come Postman per Chrome . REST Easy , a proposito, non gestisce risposte vuote.
Lu55,

45

Dopo essere stato fortemente ispirato da Postman per Chrome , ho deciso di scrivere qualcosa di simile per Firefox.

REST Easy * è un componente aggiuntivo senza riavvio di Firefox che mira a fornire il maggior controllo possibile sulle richieste. Il componente aggiuntivo è ancora in uno stato sperimentale (non è stato ancora recensito da Mozilla) ma lo sviluppo sta procedendo bene.

Il progetto è open source, quindi se qualcuno si sente costretto ad aiutare con lo sviluppo, sarebbe fantastico: https://github.com/nathan-osman/Rest-Easy

* il componente aggiuntivo disponibile da http://addons.mozilla.org sarà sempre leggermente indietro rispetto al codice disponibile su GitHub


2
Sembra bello, ma manca la capacità di controllare completamente il corpo della richiesta. Attualmente offre abilità chiave / valore, ma sarebbe bello avere il pieno controllo del corpo della posta.
Galmok,

Il supporto PUT e DELETE mi conquisterebbe. Sembra buono altrimenti.
Dennis,

1
@Pacerier: è una funzione su cui sto attualmente lavorando e sono completa per circa il 90%. Spero che sarà rilasciato entro la fine dell'anno. Sembra che ci sia un backlog che ottiene addon approvati da Mozilla.
Nathan Osman,

2
Dopo oltre un mese di attesa, la nuova versione è stata approvata. Il supporto PUT e DELETE è arrivato! E in quel mese, ho anche apportato molte altre nuove modifiche che appariranno presto nella prossima versione. (Speriamo che questa volta venga approvato prima.)
Nathan Osman il

2
Questo non è più disponibile, come sembra. (Probabilmente non è un'estensione Web e quindi non compatibile con Firefox> = 57.) Questo problema è rintracciato qui: github.com/nathan-osman/REST-Easy/issues/78
rugk

18

Hai chiesto specificamente "estensione o funzionalità in Chrome e / o Firefox", che forniscono le risposte che hai già ricevuto, ma mi piace la semplicità della risposta di Oezi alla domanda chiusa "come inviare una richiesta di post con un browser web" per parametri semplici. oezi dice:

con un modulo, appena impostato methodsu"post"

<form action="blah.php" method="post">
  <input type="text" name="data" value="mydata" />
  <input type="submit" />
</form>

Cioè costruisci una pagina molto semplice per testare le azioni post.


16

È un po 'brutto, ma c'è l' estensione Simple REST Client per Chrome.

Funziona benissimo per me - ricorda che puoi ancora usare il debugger con esso. Il riquadro Rete è particolarmente utile; ti darà oggetti JSON renderizzati e pagine di errore.


Non pensare che questo esista più.
zeusstl

1
Sì, il link non è più disponibile e il nuovo link dovrebbe essere chrome.google.com/webstore/detail/advanced-rest-client/…
Rumen Jekov

@RumenJekov " Advanced REST Client" sembra un prodotto diverso (e quindi una risposta diversa) rispetto a " Simple REST Client"
TylerH




3

Prova Runscope. Uno strumento gratuito di campionamento del loro servizio è disponibile su https://www.hurl.it/ . È possibile impostare il metodo, l'autenticazione, le intestazioni, i parametri e il corpo. La risposta mostra il codice di stato, le intestazioni e il corpo. Il corpo della risposta può essere formattato da JSON con una gerarchia pieghevole. Gli account a pagamento possono automatizzare le chiamate API di test e utilizzare i dati di ritorno per creare nuove chiamate di test. Divulgazione COI: non ho alcuna relazione con Runscope.


Esiste un livello gratuito anche per Runscope, ha solo un limite inferiore di richieste al mese e solo 1 membro del team. Disclosure: I do :-)
Darrel Miller

2

Dai un'occhiata http-toola Firefox ...

https://addons.mozilla.org/en-US/firefox/addon/http-tool/

Aimed at web developers who need to debug HTTP requests and responses.
Can be extremely useful while developing REST based api.

Features:
* GET
* HEAD
* POST
* PUT
* DELETE

Add header(s) to request.
Add body content to request.

View header(s) in response.
View body content in response.
View status code of response.
View status text of response.

2
Questo non è più disponibile, come sembra. (Probabilmente non è un'estensione Web e quindi non compatibile con Firefox> = 57.)
rugk,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.