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?


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 .


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

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


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 :



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


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.


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.


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




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.


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.

2
Itu tidak tersedia lagi, sepertinya. (Kemungkinan bukan WebExtension dan karenanya tidak kompatibel dengan Firefox> = 57.)
rugk
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.