Firefox 또는 Chrome 브라우저에서 수동으로 HTTP POST 요청을 보내는 방법은 무엇입니까?


1033

작업중 인 웹 응용 프로그램에서 일부 URL을 테스트하고 싶습니다. 이를 위해 수동으로 HTTP POST 요청을 작성하고 싶습니다. 즉, 원하는 매개 변수를 추가 할 수 있습니다.

Chrome 및 / 또는 Firefox에 누락 된 확장 기능이 있습니까?


1
Restlet (Chrome 웹 스토어에서 사용 가능)의 DHC도 매우 유용합니다.
Devesh Khandelwal

10
Chrome 콘솔에서 AJAX 전화를 겁니다. 확장이 필요하지 않습니다. 인증 쿠키를 가져올 필요없이 POST 요청을 작성하는 좋은 방법입니다. $.post('/resource/path/')
FearlessFuture

11
추가 기능이 필요한 반면, 말도 안되는 말도 안됩니다. 그는 크롬이나 파이어 폭스 또는 iif 플러그인이 필요한 기능을 요구하고있었습니다. 지정되었거나 지정되지 않은 플러그인이 필요할 수도 있습니다
Shayne

26
게시물이 잘못 닫혔습니다. 도구를 요구하지 않지만 이미 작업중인 도구의 기능을 요구합니다. 이런 식으로 우리는 도구 또는 도구 에서이 작업을 수행하는 방법에 대한 모든 질문을 닫아야합니다.
Gangnus

8
네트워크 탭 을 열고 무작위 요청을 선택할 때 Firefox 에서이 기능을 발견했습니다 . Edit and Resend
jurl

답변:


1836

이런 종류의 물건을 위해 Postman 이라는 Chrome 앱을 만들고 있습니다. 다른 모든 확장 프로그램은 약간 오래되어서 내 자신의 것으로 보입니다. 여기에는 자체 API를 문서화하는 데 도움이되는 다른 기능도 많이 있습니다.


Postman에는 이제 Windows, Mac 및 Linux 용 기본 앱 (예 : 독립형) 도 있습니다 ! 이제 기본 앱을 사용하는 것이 더 좋습니다 . 여기에서 자세히 알아 보십시오 .


1
이것을 Firefox로 이식하려는 의도가 있습니까? (또는 크롬 이외의 다른 것)
Oli

1
네. localhost URL에서 잘 작동합니다.
Abhinav

4
Postman에서 POST를 사용할 때 x-www-form-urlencoded가 선택되면 키와 값을 본문에 추가하십시오. @ Abhivav 나는 단지 멋진 응용 프로그램에 감사드립니다. RESTful을 테스트 할 때 실제로 잘 작동합니다.
David

1
브라우저의 쿠키, 세션을 사용하려면 Postman 인터셉터 플러그인도 설치하십시오.
GP cyborg

1
9 년 후이 포스트를 읽고 우체부가 개발자 삶의 중요한 부분이되는 방법을 생각하게되어 기쁩니다. @Abhinav와 개발팀에 감사드립니다.
Santhosh K Thadka

330

은 당신이 원하는 것을 굉장합니다! 간단하지만 효과적인 명령 줄 도구입니다.

나머지 구현 테스트 명령 :

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
나는 그것이 질문에 대한 틀린 대답 임에도 불구하고 이것을 찬성하고 있습니다 : 그것은 내가 대신 알아야 할 것입니다.
Jim Pivarski

8
브라우저에 이미 설정된 쿠키를 첨부 할 수 없으므로 목적에 맞지 않습니다. 예를 들어 웹 사이트에 수동으로 로그인 한 다음 게시 요청을 보낼 수 있습니다. curl을 사용하면 로그인 프로세스가 자바 스크립트로 처리되는 경우 큰 고통이 될 것입니다.
Vic Seedoubleyew

이것은 작동하지 않습니다. zsh 및 bash와 함께 OSX에서 작은 따옴표를 사용할 수 없으며 셸이 quote>모드 로 전환됩니다. 내가 사용할 필요가-d "{\"..
다니엘 W.

192

Firefox

를 눌러 개발자 도구에서 네트워크 패널을 엽니 다. Ctrl+Shift+E또는 메뉴 표시 줄-> 도구-> 웹 개발자-> 네트워크로 이동 . 그런 다음 오른쪽 상단의 작은 문 아이콘을 클릭하십시오 (스크린 샷에서 확장 된 형태로 강조 표시된 헤더의 왼쪽에 있음), 두 번째 행 (표시되지 않으면 페이지를 다시로드하십시오)-> 편집 및 원하는 요청을 다시 보내십시오

"편집 및 재전송"버튼이 강조된 Firefox 개발 도구

POST 요청 본문이 강조 표시됨


2
다른 사람을 위해이 기능이 손상 되었습니까? "문자열 쿼리"상자에서 매개 변수를 편집 할 때 단일 문자를 변경 한 후에는 더 이상 요청을 변경하지 않습니다. 그 이상을 할 수있는 유일한 방법은 (그것이 모두 함께 smooshed 있기 때문에 어렵다) 전체 URL / 요청 편집하는 것입니다
Coldblackice

@Coldblackice 스크린 샷 또는 문제 단계 레코더를 게시 할 수 있습니까? 쿼리 문자열을 잘 편집 할 수 있습니다. 새 쿼리 문자열을 추가하려면 & =를 사용하거나 새 줄을 시작하십시오. 편집하려면 개별 k, v를 변경하거나 삭제하고 다시 시작하십시오.
0fnt

?key=value키 값 쌍을 한 줄씩 입력 할 수 있는 쿼리 문자열 ( ) ?에 대한 URL필드를 원하는 경우 맨 위에 있는 필드에 a 와 문자를 추가하면 해당 Query String필드가 나타납니다.
xuiqzy

1
정답입니다.
Metehan Gülaç

162

브라우저를 잊고 CLI를 시도하십시오. HTTPie 는 훌륭한 도구입니다!

여기에 이미지 설명을 입력하십시오

CLI http 클라이언트 :

브라우저 확장을 고집하는 경우 :

크롬 :

Firefox :



포스터 마지막 ​​업데이트 28/06/11-Firefox 업데이트로 시작하는 방법이 없음을 의미
Richard

@akostadinov 나는 mozilla에서 리소스 테스트 애드온을 사용할 수 없습니다 .Firefox의 최신 버전의 개발자 도구에서 툴이 (installaion 및 재시작 후에도) 나에게 나타나지 않습니다.
Ram

1
REST Easy를 시도했습니다. 즉석에서 제거됨 : 인터페이스가 너무 많은 손을 잡고 사용자를 엄격한 사용 사례로 만듭니다. API 개발에 좋지 않습니다.
7heo.tk

Firefox에서 위에서 제안한 모든 것을 시도했지만 Postman for Chrome 만큼 편리한 것은 없습니다 . 그런데 REST Easy 는 빈 응답을 처리하지 않습니다.
Lu55

45

Postman for Chrome 에서 크게 영감을 얻은 후 Firefox와 비슷한 것을 작성하기로 결정했습니다.

REST Easy *는 요청에 대해 가능한 한 많은 제어를 제공하기위한 재시작이없는 Firefox 애드온입니다. 부가 기능은 아직 실험적인 상태 이지만 ( 모질라가 아직 검토하지 않았 음) 개발이 잘 진행되고 있습니다.

이 프로젝트는 오픈 소스이므로 누군가가 개발에 도움을 줄 수 있다고 생각되면 https://github.com/nathan-osman/Rest-Easy

* http://addons.mozilla.org 에서 제공되는 애드온 은 항상 GitHub에서 제공되는 코드보다 약간 뒤쳐집니다


2
멋지지만 요청 본문을 완전히 제어하는 ​​기능이 부족합니다. 현재 키 / 값 기능을 제공하지만 포스트 본문을 완전히 제어하는 ​​것이 좋습니다.
galmok

PUT과 DELETE 지원은 나를 이길 것입니다. 그렇지 않으면 좋아 보인다.
Dennis

1
@Pacerier : 현재 작업 중이며 약 90 % 완료된 기능입니다. 바라건대 올해 말에 출시되기를 바랍니다. Mozilla가 애드온을 승인 한 백 로그가있는 것 같습니다.
Nathan Osman

2
한 달 이상 기다린 후에 새 버전이 승인되었습니다. PUT 및 DELETE 지원이 도착했습니다! 그리고 그 달에, 나는 다음 릴리스에서 곧 나타날 다른 새로운 변경 사항도 많이 만들었습니다. (이번에는 더 빨리 승인 될 것입니다.)
Nathan Osman

2
그것은 더 이상 사용할 수 없습니다. (WebExtension이 아니기 때문에 Firefox> = 57과 호환되지 않습니다.)이 문제는 여기서 추적됩니다 : github.com/nathan-osman/REST-Easy/issues/78
rugk

18

이미받은 답변이 제공하는 "크롬 및 / 또는 Firefox의 확장 프로그램 또는 기능"을 요청했지만 다음과 같은 단순함이 마음에 듭니다. 닫힌 질문에 대한 oezi의 답변 "웹 브라우저로 게시물 요청을 보내는 방법" 합니다. 간단한 매개 변수. 오 에지의 말 :

양식을 사용 method하여"post"

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

즉, 게시 작업을 테스트하기 위해 매우 간단한 페이지를 작성하십시오.


16

조금 추악하지만 Simple REST Client가 있습니다. Chrome 용 확장이 있습니다.

그것은 나를 위해 잘 작동합니다-디버거를 계속 사용할 수 있다는 것을 기억하십시오. 네트워크 패널이 특히 유용합니다. 렌더링 된 JSON 객체와 오류 페이지를 제공합니다.


이것이 더 이상 존재한다고 생각하지 마십시오.
zeusstl

1
예, 링크를 더 이상 사용할 수 없으며 새 링크는 chrome.google.com/webstore/detail/advanced-rest-client/…
Rumen Jekov 2016

@RumenJekov " Advanced REST Client"는 " Simple REST Client" 와 다른 제품 (따라서 다른 대답)처럼 보입니다
TylerH




3

Runscope를 사용해보십시오. 서비스를 샘플링하는 무료 도구는 https://www.hurl.it/ 에서 제공됩니다 . 방법, 인증, 헤더, 매개 변수 및 본문을 설정할 수 있습니다. 응답에는 상태 코드, 헤더 및 본문이 표시됩니다. 응답 본문은 축소 가능한 계층으로 JSON에서 형식을 지정할 수 있습니다. 유료 계정은 테스트 API 호출을 자동화하고 반환 데이터를 사용하여 새로운 테스트 호출을 구축 할 수 있습니다. COI 공개 : Runscope와 아무 관련이 없습니다.


Runscope에는 프리 티어도 있으며 한 달에 요청 한도가 낮고 팀 구성원은 1 명뿐입니다. 공개 : 나는 :-)
대럴 밀러

2

체크 아웃 http-tool파이어 폭스를 ..

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
그것은 더 이상 사용할 수 없습니다. (WebExtension이 아니기 때문에 Firefox> = 57과 호환되지 않습니다.)
rugk
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.