Comment envoyer manuellement des requêtes HTTP POST à ​​partir du navigateur Firefox ou Chrome?


1034

Je souhaite tester certaines URL sur une application Web sur laquelle je travaille. Pour cela, je voudrais créer manuellement des requêtes HTTP POST (ce qui signifie que je peux ajouter les paramètres que j'aime).

Existe-t-il une extension ou une fonctionnalité dans Chrome et / ou Firefox qui me manque?


1
DHC by Restlet (disponible sur Chrome Webstore) est également très utile.
Devesh Khandelwal

10
Passez un appel AJAX dans la console Chrome. Aucune extension nécessaire. C'est un bon moyen de faire des requêtes POST sans avoir besoin de récupérer des cookies d'authentification. $.post('/resource/path/')
FearlessFuture

11
Bien qu'un ajout soit nécessaire, la fermeture est un non-sens. Il demandait des fonctionnalités dans Chrome ou Firefox, ou s'il avait besoin d'un plugin. Qu'il puisse nécessiter un plugin spécifié ou non spécifié n'est pas le point
Shayne

26
Le message n'est pas fermé correctement. Il ne demande pas un outil, mais une fonctionnalité dans les outils avec lesquels l'auteur travaille déjà. De cette façon, nous devons fermer toutes les questions sur la façon de faire ceci ou cela sur un outil - et ce sera un bon dixième de SO.
Gangnus

8
J'ai remarqué cette fonctionnalité sur Firefox lorsque vous ouvrez l' onglet réseau et choisissez une demande aléatoire que vous pouvez, Edit and Resendce qui est plutôt cool.
jurl

Réponses:


1840

J'ai créé une application Chrome appelée Postman pour ce type de choses. Toutes les autres extensions semblaient un peu datées, alors faites la mienne. Il possède également un tas d'autres fonctionnalités qui ont été utiles pour documenter notre propre API ici.


Postman dispose désormais également d' applications natives (c'est-à-dire autonomes) pour Windows, Mac et Linux! Il est plus préférable maintenant d'utiliser des applications natives, en savoir plus ici .


1
Avez-vous l'intention de porter cela sur Firefox? (Ou autre chose que du chrome)
Oli

1
Ouais. Cela fonctionne très bien pour les URL localhost.
Abhinav

4
Lorsque vous utilisez POST dans Postman, ajoutez vos clés et valeurs au corps une fois que x-www-form-urlencoded est sélectionné. @Abhivav Je veux juste dire merci pour la superbe application. Fonctionne très bien lors du test de RESTful.
David

1
Assurez-vous d'installer également le plugin d'intercepteur Postman si vous souhaitez utiliser les cookies de votre navigateur, session.
GP cyborg

2
Je suis heureux de lire cet article après 9 ans et de penser comment le facteur devient une partie intégrante de la vie des développeurs. Merci @Abhinav et son équipe de l'avoir développé.
Santhosh K Thadka

330

CURL est génial de faire ce que vous voulez! C'est un outil de ligne de commande simple mais efficace.

Commandes de test d'implémentation de repos:

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
Je vote en faveur de cela, même si c'est une mauvaise réponse à la question: c'est ce que je devais savoir à la place.
Jim Pivarski

8
Il ne correspond pas à l'objectif global, car il ne peut pas attacher de cookies déjà définis dans un navigateur. Par exemple, vous pouvez vous connecter manuellement à un site Web, puis envoyer une demande de publication. Avec curl, ce serait une énorme douleur si le processus de connexion est géré avec des trucs javascript
Vic Seedoubleyew

Cela ne fonctionne pas pour moi, je ne peux pas utiliser de guillemets simples sur OSX avec zsh et bash, le shell se transforme en quote>mode. Je dois utiliser-d "{\"..
Daniel W.

193

Firefox

Ouvrez le panneau Réseau dans les outils de développement en appuyant sur Ctrl+Shift+Eou en allant dans la barre de menus -> Outils -> Développeur Web -> Réseau. Cliquez ensuite sur l'icône de petite porte en haut à droite (sous forme développée dans la capture d'écran, vous la trouverez juste à gauche des en-têtes en surbrillance), deuxième ligne (si vous ne la voyez pas, rechargez la page) -> Modifier et renvoyer la demande que vous souhaitez

Firefox Dev Tools avec le bouton "Edit and Resent" mis en évidence

Mise en évidence du corps de la requête POST


2
Cette fonctionnalité est-elle interrompue pour quelqu'un d'autre? Lors de la modification des paramètres dans la zone "Chaîne de requête", après avoir modifié un seul caractère, il refuse de modifier davantage la demande. La seule façon de le faire au-delà de cela est de modifier l'intégralité de l'URL / demande (ce qui est difficile car tout est ensemble)
Coldblackice

@Coldblackice Pouvez-vous poster une capture d'écran ou un enregistreur d'étapes de problème s'il vous plaît? Je peux très bien modifier la chaîne de requête. Pour ajouter une nouvelle chaîne de requête, j'utilise & = ou je commence simplement une nouvelle ligne. Pour éditer, changer individuellement k, v ou je viens de supprimer et recommencer.
2015

Si vous voulez un champ pour la chaîne de requête ( ?key=value) où vous pouvez entrer des paires de valeurs clés ligne par ligne, ajoutez simplement un ?et une lettre au URLchamp en haut et le Query Stringchamp apparaîtra.
xuiqzy

1
c'est la bonne réponse.
Metehan Gülaç

162

Oubliez le navigateur et essayez CLI. HTTPie est un excellent outil!

entrez la description de l'image ici

Clients HTTP CLI :

Si vous insistez sur l'extension du navigateur, alors:

Chrome :

Firefox :



Dernière mise à jour de l'affiche le 28/06/11 - les mises à jour de Firefox signifient qu'il n'y a aucun moyen de le lancer
Richard

@akostadinov je ne peux pas utiliser l'addon de test de ressources dans mozilla l'outil ne m'apparaît pas (même après l'installation et le redémarrage) sous les outils de développement dans la dernière version de firefox.
Ram

1
Je viens d'essayer REST Easy. Désinstallé sur place: l'interface fait beaucoup trop de prise en main et force l'utilisateur dans des cas d'utilisation rigides. Pas bon pour le développement d'API.
7heo.tk

J'ai essayé tout ce qui était suggéré ci-dessus pour Firefox, mais je n'ai rien trouvé de plus pratique que Postman pour Chrome . REST Easy , en passant, ne gère pas les réponses vides.
Lu55

45

Ayant été grandement inspiré par Postman pour Chrome , j'ai décidé d'écrire quelque chose de similaire pour Firefox.

REST Easy * est un module complémentaire Firefox sans redémarrage qui vise à fournir autant de contrôle que possible sur les demandes. Le module complémentaire est toujours dans un état expérimental (il n'a même pas encore été examiné par Mozilla) mais le développement progresse bien.

Le projet est open source, donc si quelqu'un se sent obligé d'aider au développement, ce serait génial: https://github.com/nathan-osman/Rest-Easy

* le module complémentaire disponible sur http://addons.mozilla.org sera toujours légèrement derrière le code disponible sur GitHub


2
Semble bien, mais n'a pas la capacité de contrôler complètement le corps de la demande. Actuellement, il offre des capacités clé / valeur, mais un contrôle complet du corps du post serait bien.
galmok

Le support PUT et DELETE me gagnerait. Ça a l'air bien sinon.
Dennis

1
@Pacerier: c'est une fonctionnalité sur laquelle je travaille actuellement et qui est terminée à environ 90%. J'espère qu'il sortira avant la fin de l'année. Il semble qu'il y ait un retard dans l'approbation des extensions par Mozilla.
Nathan Osman

2
Après plus d'un mois d'attente, la nouvelle version a été approuvée. Le support PUT et DELETE est arrivé! Et au cours de ce mois, j'ai également apporté une tonne d'autres nouveaux changements qui apparaîtront bientôt dans la prochaine version. (J'espère que cela sera approuvé plus tôt cette fois.)
Nathan Osman

2
Ce n'est plus disponible, comme il semble. (Ce n'est probablement pas une WebExtension et donc non compatible avec Firefox> = 57.) Ce problème est suivi ici: github.com/nathan-osman/REST-Easy/issues/78
rugk

18

Vous avez spécifiquement demandé une "extension ou fonctionnalité dans Chrome et / ou Firefox", que fournissent les réponses que vous avez déjà reçues, mais j'aime la simplicité de la réponse d' Oezi à la question fermée "comment envoyer une demande de publication avec un navigateur Web" pour des paramètres simples. oezi dit:

avec un formulaire, juste défini methodsur"post"

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

C'est à dire vous construire une page très simple pour tester les actions de publication.


16

C'est un peu moche, mais il y a l' extension Simple REST Client pour Chrome.

Cela fonctionne très bien pour moi - n'oubliez pas que vous pouvez toujours utiliser le débogueur avec lui. Le volet Réseau est particulièrement utile; cela vous donnera des objets JSON rendus et des pages d'erreur.


Ne pensez plus que cela existe.
zeusstl

1
Oui, le lien n'est plus disponible et le nouveau lien devrait être chrome.google.com/webstore/detail/advanced-rest-client/…
Rumen Jekov

@RumenJekov " Advanced REST Client" semble être un produit différent (et donc une réponse différente) que " Simple REST Client"
TylerH




3

Essayez Runscope. Un outil gratuit d'échantillonnage de leur service est fourni à https://www.hurl.it/ . Vous pouvez définir la méthode, l'authentification, les en-têtes, les paramètres et le corps. La réponse affiche le code d'état, les en-têtes et le corps. Le corps de la réponse peut être formaté à partir de JSON avec une hiérarchie repliable. Les comptes payants peuvent automatiser les appels d'API de test et utiliser les données de retour pour créer de nouveaux appels de test. Divulgation COI: Je n'ai aucun lien avec Runscope.


Il y a aussi un niveau gratuit pour Runscope, il a juste une limite inférieure de demande par mois et seulement 1 membre de l'équipe. Divulgation: je fais :-)
Darrel Miller

2

Découvrez http-toolfirefox ..

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
Ce n'est plus disponible, comme il semble. (Ce n'est probablement pas une WebExtension et n'est donc pas compatible avec Firefox> = 57.)
rugk
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.