Bagaimana cara mengirim permintaan POST HTTP secara manual dari Firefox atau browser Chrome?

1034

Saya ingin menguji beberapa URL pada aplikasi web yang sedang saya kerjakan. Untuk itu saya ingin secara manual membuat permintaan HTTP POST (artinya saya dapat menambahkan parameter apa pun yang saya suka).

Apakah ada ekstensi atau fungsionalitas di Chrome dan / atau Firefox yang saya lewatkan?

Pascal Klein
sumber
1
DHC oleh Restlet (tersedia di Chrome Webstore) juga sangat berguna.
Devesh Khandelwal
10
Lakukan panggilan AJAX di konsol Chrome. Tidak perlu ekstensi. Ini adalah cara yang baik untuk membuat permintaan POST tanpa perlu mengambil cookie otentikasi. $.post('/resource/path/')
FearlessFuture
11
Sementara add on diperlukan, penutupnya adalah niitpicking omong kosong. Dia meminta fungsionalitas di chrome atau firefox, atau jika perlu plugin. Itu mungkin memerlukan plugin yang ditentukan atau tidak ditentukan bukan intinya
Shayne
26
Pos ditutup dengan tidak benar. Itu tidak meminta alat, tetapi untuk fungsionalitas dalam alat yang sudah penulis kerjakan. Dengan cara ini kita harus menutup semua pertanyaan tentang bagaimana melakukan ini atau itu pada beberapa alat - dan itu akan menjadi sepersepuluh dari SO.
Gangnus
8
Saya perhatikan fitur ini di Firefox ketika Anda membuka tab jaringan dan memilih permintaan acak yang bisa Anda Edit and Resendbuat.
jurl

Jawaban:

1840

Saya telah membuat aplikasi Chrome bernama Postman untuk jenis barang ini. Semua ekstensi lain tampak agak ketinggalan jaman jadi buatlah milik saya. Ini juga memiliki banyak fitur lain yang telah membantu mendokumentasikan API kita sendiri di sini.


Tukang pos sekarang juga memiliki aplikasi asli (yaitu mandiri) untuk Windows, Mac dan Linux! Lebih disukai sekarang menggunakan aplikasi asli, baca lebih lanjut di sini .

Abhinav
sumber
1
Adakah niat untuk memindahkan ini ke Firefox? (Atau apa pun selain chrome)
Oli
1
Ya. Ini berfungsi untuk URL host lokal.
Abhinav
4
Saat menggunakan POST di tukang pos, tambahkan kunci dan nilai Anda ke tubuh setelah x-www-form-urlencoded dipilih. @Abhivav Saya hanya ingin mengucapkan terima kasih untuk aplikasi yang luar biasa. Bekerja dengan sangat baik saat menguji TETAP.
David
1
Pastikan untuk menginstal plugin interseptor Postman juga jika Anda ingin menggunakan cookie browser Anda, sesi.
GP cyborg
2
Saya senang membaca posting ini setelah 9 tahun dan berpikir bagaimana tukang pos menjadi bagian integral dari kehidupan pengembang. Terima kasih @Abhinav dan tim untuk mengembangkannya.
Santhosh K Thadka
330

CURL adalah AWESOME untuk melakukan apa yang Anda inginkan! Ini adalah alat baris perintah yang sederhana namun efektif.

Perintah uji implementasi sisanya:

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
Arno 2501
sumber
36
Saya tidak setuju dengan hal ini meskipun itu adalah jawaban yang salah untuk pertanyaan: itu yang perlu saya ketahui.
Jim Pivarski
8
Itu tidak sesuai dengan seluruh tujuan, karena tidak dapat melampirkan cookie yang sudah diatur di browser. Misalnya, Anda mungkin ingin masuk ke situs web secara manual, dan kemudian mengirim permintaan posting. Dengan curl, ini akan sangat
menyebalkan
Ini tidak berfungsi untuk saya, saya tidak bisa menggunakan tanda kutip tunggal pada OSX dengan zsh dan bash, shell berubah menjadi quote>mode. Saya perlu menggunakan-d "{\"..
Daniel W.
193

Firefox

Buka panel Jaringan di Alat Pengembang dengan menekan Ctrl+Shift+Eatau dengan membuka Menubar -> Alat -> Pengembang Web -> Jaringan. Kemudian Klik pada ikon pintu kecil di kanan atas (dalam bentuk yang diperluas di tangkapan layar, Anda akan menemukannya tepat di kiri Header yang disorot), baris kedua (jika Anda tidak melihatnya maka muat ulang halaman) -> Edit dan kirim ulang permintaan apa pun yang Anda inginkan

Firefox Dev Tools dengan tombol "Edit dan Resent" disorot

Badan permintaan POST disorot

0fnt
sumber
2
Apakah fitur ini rusak untuk orang lain? Saat mengedit parameter di kotak "String Kueri", setelah mengubah satu karakter, ia menolak untuk mengubah permintaan lebih jauh. Satu-satunya cara untuk melakukannya di luar itu adalah mengedit seluruh URL / permintaan (yang sulit karena semuanya smooshed bersama)
Coldblackice
@Coldblackice Bisakah Anda memposting tangkapan layar atau perekam langkah bermasalah? Saya dapat mengedit string kueri dengan baik. Untuk menambahkan string kueri baru, saya menggunakan & = atau memulai baris baru. Untuk mengedit, ubah k, v, atau saya hapus dan mulai lagi dari awal.
0fnt
Jika Anda ingin bidang untuk string kueri ( ?key=value) tempat Anda dapat memasukkan pasangan kunci nilai baris per baris, cukup tambahkan a ?dan huruf ke URLbidang di bagian atas dan Query Stringbidang tersebut akan muncul.
xuiqzy
1
itu jawaban yang tepat.
Metehan Gülaç
162

Lupakan browser dan coba CLI. HTTPie adalah alat yang hebat!

masukkan deskripsi gambar di sini

Klien CLI http:

Jika Anda bersikeras pada ekstensi browser maka:

Chrome :

Firefox :

amra
sumber
1
juga tes sumber daya addon addons.mozilla.org/en-us/firefox/addon/http-resource-test
akostadinov
Poster terakhir diperbarui 28/06/11 - pembaruan ke Firefox berarti tidak ada cara untuk meluncurkannya
Richard
@akostadinov saya tidak dapat menggunakan addon uji sumber daya di mozilla alat tidak muncul (bahkan setelah installaion dan restart) kepada saya di bawah alat pengembang di versi terbaru firefox.
Ram
1
Baru saja mencoba REST Easy. Diinstal di tempat: antarmuka melakukan terlalu banyak pegangan tangan dan memaksa pengguna ke dalam kasus penggunaan yang kaku. Tidak bagus untuk pengembangan API.
7heo.tk
Sudah mencoba semua yang disarankan di atas untuk Firefox tetapi tidak menemukan yang berguna seperti tukang pos untuk Chrome . REST Easy , omong-omong, tidak menangani respons kosong.
Lu55
45

Setelah sangat terinspirasi oleh Postman untuk Chrome , saya memutuskan untuk menulis sesuatu yang serupa untuk Firefox.

REST Easy * adalah add-on Firefox tanpa restart yang bertujuan untuk memberikan sebanyak mungkin kendali atas permintaan. Add-on ini masih dalam status eksperimental (belum pernah ditinjau oleh Mozilla) namun perkembangannya berjalan dengan baik.

Proyek ini bersifat open source, jadi jika ada yang merasa terdorong untuk membantu pengembangan, itu akan luar biasa: https://github.com/nathan-osman/Rest-Easy

* add-on yang tersedia dari http://addons.mozilla.org akan selalu sedikit di belakang kode yang tersedia di GitHub

Nathan Osman
sumber
2
Tampak bagus, tetapi tidak memiliki kemampuan untuk mengontrol tubuh permintaan sepenuhnya. Saat ini, ia menawarkan kemampuan kunci / nilai, tetapi kontrol penuh dari post body akan lebih baik.
galmok
Dukungan PUT dan DELETE akan membuat saya marah. Terlihat bagus kalau tidak.
Dennis
1
@Pacerier: ini adalah fitur yang sedang saya kerjakan dan saya sudah selesai 90%. Semoga itu akan dirilis sebelum akhir tahun. Tampaknya ada jaminan mendapatkan addons disetujui oleh Mozilla.
Nathan Osman
2
Setelah lebih dari sebulan menunggu, versi baru telah disetujui. Dukungan PUT dan DELETE telah tiba! Dan di bulan itu, saya juga telah membuat banyak perubahan baru lainnya yang akan segera muncul di rilis berikutnya. (Semoga kali ini disetujui lebih cepat.)
Nathan Osman
2
Itu tidak tersedia lagi, sepertinya. (Kemungkinan bukan WebExtension dan karenanya tidak kompatibel dengan Firefox> = 57.) Masalah ini dilacak di sini: github.com/nathan-osman/REST-Easy/issues/78
rugk
18

Anda secara khusus meminta "ekstensi atau fungsionalitas di Chrome dan / atau Firefox", yang jawaban yang sudah Anda terima berikan, tetapi saya suka kesederhanaan jawaban oezi untuk pertanyaan tertutup "bagaimana cara mengirim permintaan posting dengan browser web" untuk parameter sederhana. oezi mengatakan:

dengan formulir, cukup setel methodke"post"

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

Yakni membangun sendiri halaman yang sangat sederhana untuk menguji tindakan posting.

dumbledad
sumber
16

Agak jelek, tapi ada ekstensi Simple REST Client untuk Chrome.

Ini berfungsi baik untuk saya - ingat bahwa Anda masih dapat menggunakan debugger dengannya. Panel Jaringan sangat berguna; itu akan memberi Anda objek JSON yang diberikan dan halaman kesalahan.

Nate
sumber
Jangan pikir ini ada lagi.
zeusstl
1
Ya, tautan tidak lagi tersedia dan tautan baru harus chrome.google.com/webstore/detail/advanced-rest-client/…
Rumen Jekov
@RumenJekov " Klien Lanjutan REST" tampak seperti produk yang berbeda (dan dengan demikian jawaban yang berbeda) dari " Klien REST Sederhana "
TylerH
9

Mungkin tidak terkait langsung dengan browser tetapi fiddler adalah perangkat lunak yang bagus.

Debugger web Fiddler

Vineel Kovvuri
sumber
3

Anda juga bisa menggunakan Watir atau Watin untuk mengotomatiskan browser. Watir ditulis untuk ruby ​​dan Watin untuk .Net. Tidak yakin apakah itu yang Anda cari.

Ceres
sumber
3

Coba Runscope. Sebuah alat sampel gratis layanan mereka disediakan di https://www.hurl.it/ . Anda dapat mengatur metode, otentikasi, tajuk, parameter, dan isi. Respons menunjukkan kode status, tajuk, dan badan. Badan respons dapat diformat dari JSON dengan heirarki yang dapat ditutup. Akun berbayar dapat mengotomatiskan panggilan uji API dan menggunakan data balik untuk membangun panggilan uji baru. Pengungkapan COI: Saya tidak memiliki hubungan dengan Runscope.

Bennett Brown
sumber
Ada juga tier gratis untuk Runscope, hanya memiliki batas permintaan yang lebih rendah per bulan dan hanya 1 anggota tim. Pengungkapan: Saya lakukan :-)
Darrel Miller
2

Lihat 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.
bobbyrne01
sumber
2
Itu tidak tersedia lagi, sepertinya. (Kemungkinan bukan WebExtension dan karenanya tidak kompatibel dengan Firefox> = 57.)
rugk