Cum să trimiteți manual cereri HTTP POST din browserul Firefox sau Chrome? (Programare, Ajax, Google Chrome, Firefox, Browser, Http Post)

Pascal Klein a intrebat.

Vreau să testez câteva URL-uri pe o aplicație web la care lucrez. Pentru aceasta aș dori să creez manual cereri HTTP POST (adică pot adăuga orice parametru doresc).

Există vreo extensie sau funcționalitate în Chrome și/sau Firefox care îmi lipsește?

Comentarii

  • Efectuați un apel AJAX în consola Chrome. Nu este nevoie de nicio extensie. Aceasta este o modalitate bună de a face cereri POST fără a fi nevoie să luați cookie-uri de autentificare. $.post('/resource/path/') –  > Por FearlessFuture.
  • În timp ce o extensie este necesară, închiderea este niitpicking nonsens. El cerea funcționalitate în chrome sau firefox , sau dacă este nevoie de un plugin. Faptul că ar putea avea nevoie de un plugin specificat sau nespecificat nu este punctul de vedere – -.  > Por Shayne.
  • 30

  • Postarea este închisă incorect. Nu se cere un instrument, ci o funcționalitate în instrumentele cu care autorul lucrează deja. În acest fel trebuie să închidem toate întrebările despre cum să faci asta sau aia pe un instrument oarecare – și va fi o bună sutime de SO. –  > Por Gangnus.
  • Am observat această funcționalitate pe Firefox atunci când deschideți fereastra fila rețea și alegeți o cerere aleatorie, puteți Edit and Resend care este destul de mișto. –  > Por jurl.
  • În browserele moderne, puteți utiliza funcția Fetch API care vă permite să efectuați o cerere POST din consola dezvoltatorului JavaScript cu un efort minim. Prefer acest lucru pentru că nu trebuie să instalați o extensie terță parte și, mai ales atunci când postați date sensibile (cum ar fi parolele), este recomandat să NU vă bazați pe un software extern. Iată un fragment de cod despre cum se utilizează Fetch API: gist.github.com/bennyn/ed95ed9edd6ce0d04e7c8d6e6eb1a1f8 –  > Por Benny Neugebauer.
15 răspunsuri
Abhinav

Am făcut o aplicație Chrome numită Postman pentru acest tip de lucruri. Toate celelalte extensii păreau un pic depășite, așa că mi-am făcut una proprie. De asemenea, are o mulțime de alte caracteristici care au fost utile pentru documentarea propriului nostru API aici.


Postman are acum și aplicații native (adică independent) pentru Windows, Mac și Linux! Este mai preferabil acum să folosiți aplicații native, citiți mai mult aici.


Comentarii

  • Asigurați-vă că instalați și pluginul Postman interceptor dacă doriți să utilizați cookie-urile browserului, sesiunea. –  > Por GP cyborg.
  • POSTMAN CHROME IS DEPRECATED –  > Por HoaPhan.
Arno 2501

CURL este extraordinar pentru a face ceea ce vrei ! Este un instrument simplu dar eficient în linie de comandă.

Comenzi de testare a implementării restului :

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

Comentarii

    58

  • Dau upvoting la acest lucru chiar dacă este un răspuns greșit la întrebare: este ceea ce aveam nevoie să știu în schimb. –  > Por Jim Pivarski.
  • Nu se potrivește cu întregul scop, deoarece nu poate atașa cookie-urile deja setate într-un browser. De exemplu, ați putea dori să vă conectați manual la un site web și apoi să trimiteți o cerere de postare. Cu curl, acest lucru ar fi o mare pacoste dacă procesul de logare este gestionat cu chestii javascript –  > Por Vic Seedoubleyew.
  • Acest lucru nu funcționează pentru mine, nu pot folosi ghilimele simple pe OSX cu zsh și bash, shell-ul se transformă în quote> mod. Trebuie să folosesc -d "{
    ..
    –  > Por Daniel W..
  • Da, curl este grozav, aproape întotdeauna îl ai deja pe Unix și este foarte ușor pentru Windows. Fără înregistrare sau SMS-uri! 😉 –  > Por RAM237.
  • Acest lucru este minunat ! A funcționat ca un farmec. 🙂 –  > Por Houssam ASSANY.
0fnt

Firefox

Deschideți panoul Rețea în Instrumente pentru dezvoltatori apăsând Ctrl+Shift+E sau accesând Menubar -> Tools -> Web Developer -> Network. Apoi dați clic pe pictograma ușă mică din dreapta sus (în formă extinsă în captura de ecran, o veți găsi chiar în stânga antetului evidențiat), al doilea rând (dacă nu o vedeți, reîncărcați pagina) -> Editați și retrimiteți orice cerere doriți

Comentarii

  • Este această caracteristică stricată pentru altcineva? La editarea parametrilor din caseta „Query String”, după modificarea unui singur caracter, refuză să mai modifice cererea. Singura modalitate de a face mai mult decât atât este de a edita întregul URL/cerere (ceea ce este dificil, deoarece totul este amestecat).  > Por Coldblackice.
  • @Coldblackice Poți să postezi o captură de ecran sau un înregistrator de pași problematici te rog? Pot să editez șirul de interogare foarte bine. Pentru a adăuga un nou șir de interogare, fie folosesc &=, fie încep o nouă linie. Pentru a edita, schimb k,v individual sau pur și simplu șterg și o iau de la capăt. –  > Por 0fnt.
  • Dacă doriți un câmp pentru șirul de interogare (?key=value) în care să puteți introduce perechi cheie-valoare linie cu linie, adăugați doar un ? și o literă la câmpul URL în partea de sus a câmpului, iar în partea de jos a câmpului Query String câmpul va apărea. –  > Por xuiqzy.
amra

Uitați de browser și încercați CLI. HTTPie este un instrument excelent!

CLI clienți http:

Dacă insistați asupra extensiei de browser, atunci:

Chrome:

Firefox:

Comentarii

  • de asemenea, addon de testare a resurselor addons.mozilla.org/en-us/firefox/addon/http-resource-test –  > Por akostadinov.
  • Afiș actualizat ultima dată 28/06/11 – actualizările la Firefox înseamnă că nu există nici o modalitate de a o lansa –  > Por Richard.
  • @akostadinov sunt în imposibilitatea de a utiliza addon de testare a resurselor în mozilla instrumentul nu apare (chiar și după instalare și repornire) pentru mine sub instrumente de dezvoltare în ultima versiune de Firefox. –  > Por Ram.
  • Tocmai am încercat REST Easy. Dezinstalat pe loc: interfața face mult prea multe manevre și forțează utilizatorul în cazuri de utilizare rigide. Nu este bun pentru dezvoltarea de API-uri. –  > Por 7heo.tk.
  • Am încercat toate cele sugerate mai sus pentru Firefox, dar nu am găsit nimic la fel de util ca Postman pentru Chrome. REST Ușor, , apropo, nu gestionează răspunsurile goale. –  > Por Lu55.
Nathan Osman

După ce a fost foarte inspirat de Postman pentru Chrome, , am decis să scriu ceva similar pentru Firefox.

REST ușor* este un add-on Firefox restartless care își propune să ofere un control cât mai mare asupra cererilor. Add-on-ul este încă în stare experimentală (nici măcar nu a fost încă revizuit de Mozilla). dar dezvoltarea progresează frumos.

Proiectul este open source, așa că, dacă cineva se simte obligat să ajute la dezvoltare, ar fi minunat: https://github.com/nathan-osman/Rest-Easy

* add-on-ul este disponibil la http://addons.mozilla.org va fi întotdeauna puțin în urma codului disponibil pe GitHub

Comentarii

  • Pare drăguț, dar îi lipsește capacitatea de a controla complet corpul cererii. În prezent, oferă abilități de tip cheie/valoare, dar ar fi frumos să controleze complet corpul mesajului. –  > Por galmok.
  • Suportul PUT și DELETE m-ar câștiga. În rest, arată bine. –  > Por Dennis.
  • @Pacerier: este o caracteristică la care lucrez în prezent și sunt finalizat în proporție de 90%. Sperăm că va fi lansată înainte de sfârșitul anului. Se pare că există o întârziere în obținerea aprobării addon-urilor de către Mozilla. –  > Por Nathan Osman.
  • După mai bine de o lună de așteptare, noua versiune a fost aprobată. A sosit suportul pentru PUT și DELETE! Și în acea lună, am făcut și o mulțime de alte modificări noi care vor apărea în curând în următoarea versiune. (Să sperăm că va fi aprobată mai repede de data aceasta.) – –  > Por Nathan Osman.
  • Aceasta nu mai este disponibilă, după cum se pare. (Probabil că nu este o WebExtensiune și, prin urmare, nu este compatibilă cu Firefox >= 57.) Această problemă este urmărită aici: github.com/nathan-osman/REST-Easy/issues/78 –  > Por rugk.
dumbledad

Ați cerut în mod specific „extensie sau funcționalitate în Chrome și/sau Firefox”, pe care răspunsurile pe care le-ați primit deja le oferă, dar îmi place simplitatea răspunsului lui oezi la întrebarea închisă „cum să trimit o cerere de postare cu un browser web” pentru parametri simpli. oezi spune:

cu un formular, este suficient să setați method la "post"

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

Adică construiește-ți o pagină foarte simplă pentru a testa acțiunile de postare.

Nate

Aici este Client REST avansat pentru Chrome.

Pentru mine funcționează foarte bine – nu uitați că puteți utiliza în continuare depanatorul cu ea. Panoul Network este deosebit de util; vă va oferi obiecte JSON redate și pagini de eroare.

Johan Falk

Pentru Firefox există, de asemenea, o extensie numită RESTClient, care este destul de bună:

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

Vineel

Poate că nu are legătură directă cu browserele, dar fiddler este un alt software bun.

Ceres

Ai putea folosi și Watir sau Watin pentru a automatiza browserele. Watir este scris pentru ruby, iar Watin este pentru limbajele .Net. Nu sunt sigur dacă este ceea ce căutați, totuși.

Bennett Brown

Încercați Runscope. Un instrument gratuit de eșantionare a serviciului lor este furnizat la https://www.hurl.it/ . Puteți seta metoda, autentificarea, anteturile, parametrii și corpul. Răspunsul arată codul de stare, anteturile și corpul. Corpul răspunsului poate fi formatat din JSON cu o ierarhie colapsabilă. Conturile plătite pot automatiza apelurile API de testare și pot utiliza datele de returnare pentru a construi noi apeluri de testare. Dezvăluirea COI: Nu am nicio relație cu Runscope.

Comentarii

  • Există un nivel gratuit și pentru Runscope, doar că are o limită mai mică de cereri pe lună și doar 1 membru al echipei. Dezvăluire: Am o relație 🙂 –  > Por Darrel Miller.
ShayD

Cred că @Benny Neugebauer comentează la întrebarea OP despre Fetch API ar trebui să fie prezentat aici ca un răspuns, deoarece OP căuta o funcționalitate în Chrome pentru a crea manual cereri HTTP POST și exact asta face comanda fetch.

Există un exemplu simplu și frumos de Fetch API aici

// Make sure you run it from the domain 'https://jsonplaceholder.typicode.com/'. (cross-origin-policy)
fetch('https://jsonplaceholder.typicode.com/posts',{method: 'POST', headers: {'test': 'TestPost'} })
  .then(response => response.json())
  .then(json => console.log(json))

Unele dintre avantajele comenzii fetch sunt cu adevărat prețioase: Este simplă, scurtă, rapidă, disponibilă și chiar și ca o comandă de consolă, este stocată în consola Chrome și poate fi utilizată ulterior.

Simplitatea de a apăsa F12, de a scrie comanda în fila de consolă (sau de a apăsa tasta sus dacă ați folosit-o înainte), apoi de a apăsa enter, de a o vedea în așteptare și de a returna răspunsul este ceea ce o face să fie cu adevărat utilă pentru testele simple de cereri de postare.

Desigur, Principalul dezavantaj este că, spre deosebire de Postman, nu va trece politica de origine încrucișată, dar totuși mi se pare foarte util pentru testarea în mediul local sau în alte medii în care pot activa CORS manual.

Comentarii

  • Acest lucru a funcționat foarte bine pentru a obține „unstuck” atunci când am avut o aplicație care a fost prins într-o stare proastă care nu a putut fi eliminată deoarece un bug a fost păstrarea UI blocat. A făcut ca utilizatorul să funcționeze din nou până când bug-ul a putut fi rezolvat. –  > Por Steve din CO.
  • Exact ca și @SteveInCO, aveam nevoie de un Chrome nativ doar pentru ca utilizatorul meu (care nu se poate aștepta să aibă la dispoziție altceva în afară de Chrome) să se deblocheze ca măsură de urgență. (Chiar dacă folosesc majoritatea celorlalte instrumente pentru utilizarea mea de zi cu zi.) – -.  > Por user3067860.
bobbyrne01

Consultați http-tool pentru 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.

Comentarii

  • Asta nu mai este disponibil, după cum se pare. (Probabil că nu este o extensie Web și, prin urmare, nu este compatibilă cu Firefox >= 57.) –  > Por rugk.
Angel Santiago Jaime Zavala

Doar pentru a-mi da cei 2 cenți la acest răspuns, au mai existat câțiva clienți născuți de la ridicarea lui Postman care merită menționați aici:

Khachatur

Puteți posta cereri direct din browser cu ReqBin. nu este necesar niciun plugin sau aplicație desktop.

https://reqbin.com