Firefox 또는 Chrome 브라우저에서 HTTP POST 요청을 수동으로 보내는 방법

질문자 :Pascal Klein

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

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

나는 이런 종류의 물건을 위해 Postman 이라는 Chrome 앱을 만들고 있습니다. 다른 모든 확장 기능은 약간 오래된 것 같아서 직접 만들었습니다. 또한 여기에서 자체 API를 문서화하는 데 도움이 되는 많은 다른 기능이 있습니다.

---

이제 Postman에는 Windows, Mac 및 Linux용 기본 앱 (즉, 독립 실행형)도 있습니다! 이제 기본 앱을 사용하는 것이 더 바람직 합니다 . 여기에서 자세히 읽어보세요.

---

Abhinav

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

REST 구현 테스트 명령:

 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

파이어폭스

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

0fnt

브라우저는 잊어버리고 CLI를 사용해 보십시오. HTTPie 는 훌륭한 도구입니다!

CLI HTTP 클라이언트:

• HTTPie
• 컬리
• HTTP 프롬프트
• 곱슬 곱슬하다
• wget

브라우저 확장을 주장하는 경우:

크롬 :

• Postman - REST 클라이언트 (더 이상 사용되지 않음, 현재 데스크톱 프로그램 있음 )
• 고급 REST 클라이언트
• Talend API 테스터 - 무료 버전

파이어폭스 :

• REST 클라이언트

amra

Chrome용 Postman 에서 크게 영감을 받아 Firefox용으로 비슷한 것을 작성하기로 결정했습니다.

REST Easy *는 요청에 대해 가능한 한 많은 제어를 제공하는 것을 목표로 하는 재시작이 필요 없는 Firefox 추가 기능입니다. 추가 기능은 아직 실험적 상태 이지만(아직 Mozilla에서 검토하지도 않음) 개발이 순조롭게 진행되고 있습니다.

이 프로젝트는 오픈 소스이므로 개발에 도움이 필요한 사람이 있다면 정말 좋을 것입니다. https://github.com/nathan-osman/Rest-Easy

_{* http://addons.mozilla.org 에서 사용 가능한 추가 기능은 항상 GitHub에서 사용 가능한 코드보다 약간 뒤쳐집니다.}

Nathan Osman

이미 받은 답변이 제공되는 "Chrome 및/또는 Firefox의 확장 또는 기능"에 대해 구체적으로 요청 하셨지만 "웹 브라우저로 POST 요청을 보내는 방법"에 대한 oezi의 간단한 답변이 마음에 듭니다. ?" 간단한 매개변수의 경우. oezi 말한다 :

양식을 사용하여 method 을 "post"

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

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

dumbledad

다음은 Chrome용 고급 REST 클라이언트 확장입니다.

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

Nate

Firefox의 경우 꽤 좋은 RESTClient라는 확장도 있습니다.

RESTful 웹 서비스를 위한 디버거인 RESTClient

Johan Falk

브라우저와 직접적인 관련이 없을 수도 있지만 Fiddler 는 또 다른 좋은 소프트웨어입니다.

Vineel

Fetch API 에 대한 OP 질문에 대한 Benny Neugebauer의 의견 은 OP가 Chrome에서 HTTP POST 요청을 수동으로 생성하는 기능을 찾고 있었고 이것이 정확히 fetch 명령이 수행하는 기능을 찾고 있었기 때문에 여기에 답변으로 제시되어야 한다고 생각합니다.

여기에 Fetch API의 멋진 간단한 예가 있습니다.

 // Make sure you run it from the domain 'https://jsonplaceholder.typicode.com/'. (cross-origin-policy) fetch('https://jsonplaceholder.typicode.com/posts',{method: 'POST', headers: {'test': 'TestPost'} }) .then(response => response.json()) .then(json => console.log(json))

fetch 명령의 장점 중 일부는 정말 소중합니다. 간단하고 짧고 빠르며 사용 가능하며 콘솔 명령으로도 크롬 콘솔에 저장되어 나중에 사용할 수 있습니다.

F12 키를 누르고 콘솔 탭에 명령을 작성한 다음(이전에 사용한 경우 위쪽 키를 누름) Enter 키를 누르고 보류 중인 상태를 확인하고 응답을 반환하는 것은 간단한 POST 요청 테스트에 매우 유용합니다.

물론 여기서 가장 큰 단점은 Postman과 달리 교차 출처 정책을 통과하지 않는다는 것입니다. 그러나 여전히 로컬 환경이나 CORS를 수동으로 활성화할 수 있는 다른 환경에서 테스트하는 데 매우 유용하다는 것을 알았습니다.

ShayD

Watir 또는 WatiN 을 사용하여 브라우저를 자동화할 수도 있습니다. Watir는 Ruby용으로 작성되었으며 Watin은 .NET 언어용으로 작성되었습니다. 그것이 당신이 찾고있는 것인지 확실하지 않습니다.

• http://watin.sourceforge.net/
• http://watir.com/

Ceres

런스코프를 사용해 보세요. 그들의 서비스를 샘플링하는 무료 도구는 https://www.hurl.it/ 에서 제공됩니다.

방법, 인증, 헤더, 매개변수, 본문을 설정할 수 있습니다. 응답에는 상태 코드, 헤더 및 본문이 표시됩니다. 응답 본문은 축소 가능한 계층 구조를 사용하여 JSON에서 형식을 지정할 수 있습니다.

유료 계정은 테스트 API 호출을 자동화하고 반환 데이터를 사용하여 새 테스트 호출을 빌드할 수 있습니다.

COI 공개: 저는 Runscope와 아무런 관련이 없습니다.

Bennett Brown

Firefox 용 http-tool 을 확인하십시오 ...

HTTP 요청 및 응답을 디버그해야 하는 웹 개발자를 대상으로 합니다. REST 기반 API를 개발하는 동안 매우 유용할 수 있습니다.

특징:

• 가져 오기
• 머리
• 우편
• 놓다
• 삭제

요청에 헤더를 추가합니다.
요청할 본문 내용을 추가합니다.

응답으로 헤더를 봅니다.
응답으로 본문 내용을 봅니다.
응답의 상태 코드를 봅니다.
응답의 상태 텍스트를 봅니다.

bobbyrne01

여기에서 언급할 가치가 있는 Postman의 부상 이후로 태어난 다른 클라이언트가 있습니다.

• 불면증 : 데스크톱 애플리케이션과 Chrome 플러그인 모두 사용
• Hoppscotch : 이전에는 Postwoman으로 알려졌으며 Chrome 플러그인도 사용할 수 있습니다. 재미를 원한다면 docker를 사용하여 로컬에서 작동하도록 할 수도 있습니다.
• Paw : Mac을 사용하는 경우
• Advanced Rest Client : 이미 Chrome 플러그인 으로 언급되었지만 데스크톱 애플리케이션도 있다는 점을 지적할 가치가 있습니다.
• soapUI : Java로 작성되었으며 많은 테스트 기능이 포함되어 있습니다.
• Boomerang : API를 테스트하는 또 다른 방법. SOAP 통합과 함께 제공되며 사용 가능한 Chrome 플러그인도 있습니다.
• Thunder Client : VS Code를 텍스트 편집기로 사용하는 경우 이 멋진 확장 기능을 확인해야 합니다.

Angel Santiago Jaime Zavala

ReqBin 을 사용하여 브라우저에서 직접 요청을 게시할 수 있습니다. 플러그인이나 데스크톱 애플리케이션이 필요하지 않습니다.

Khachatur

출처 : http:www.stackoverflow.com/questions/4797534/how-to-manually-send-http-post-requests-from-firefox-or-chrome-browser