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.