>웹 프론트엔드 >JS 튜토리얼 >VS Code에 Thunder 클라이언트를 사용하시나요? 멈추다! 귀하의 API 테스트 요구 사항에 맞는 이상적인 확장 기능은 다음과 같습니다.

VS Code에 Thunder 클라이언트를 사용하시나요? 멈추다! 귀하의 API 테스트 요구 사항에 맞는 이상적인 확장 기능은 다음과 같습니다.

Linda Hamilton
Linda Hamilton원래의
2024-12-10 21:40:11898검색

Using Thunder Client for VS Code? Stop! Here is the Ideal Extension for Your API Testing Needs.

EchoAPI: VS Code를 벗어나지 않는 최고의 API 테스트 도구

EchoAPI를 사용하면 코드 편집기에서 바로 API를 테스트할 수 있습니다. 요청 모음을 저장하고 하루 또는 한 달 후 필요할 때마다 다시 방문할 수 있습니다. 또한 팀과 공유하거나 나중에 사용할 수 있도록 컬렉션을 JSON 파일로 내보낼 수 있습니다.

EchoAPI는 Scratch Pad를 지원하는 API 개발을 위한 초경량 협업 도구입니다. API 디자인, 디버깅, 자동화된 테스트, 로드 테스트와 같은 기능을 제공하는 Postman의 환상적인 대안입니다. 또한 로그인이 필요 없이 IntelliJ IDEA, VS Code 및 Chrome 요청 캡처 확장 프로그램과도 통합됩니다.

  1. 로그인이 필요하지 않습니다
  2. 스크래치 패드 지원
  3. 초경량
  4. Postman 스크립트 구문과 100% 호환

EchoAPI 시작하기

EchoAPI 확장을 사용하려면 작업 표시줄에서 EchoAPI 아이콘을 클릭하세요. 사이드바에서 새 요청 버튼을 눌러 API를 테스트하세요.

다음 세부정보로 API를 테스트해야 한다고 가정해 보겠습니다.

url: https://httpbin.org/anything
method: POST
content: {
  "username": "admin",
  "password": "password"
}

Using Thunder Client for VS Code? Stop! Here is the Ideal Extension for Your API Testing Needs.

이 정보를 EchoAPI 요청 양식에 입력하면 요청을 실행할 준비가 완료됩니다.

코드 조각 생성

EchoAPI는 cURL 명령, JavaScript Axios 및 기타 옵션에 대한 코드 조각을 생성할 수도 있습니다. EchoAPI에서 JWT AUTH 요청에 대한 cURL 명령은 다음과 같습니다.

curl -X POST \
  'https://httpbin.org/anything' \
  --header 'Accept: */*' \
  --header 'Content-Type: application/json' \
  --data '{
  "username": "admin",
  "password": "password"
}'

다음은 JavaScript Axios 요청입니다.

Using Thunder Client for VS Code? Stop! Here is the Ideal Extension for Your API Testing Needs.

import axios from "axios";

const options = {
  method: 'POST',
  url: 'https://httpbin.org/anything',
  headers: {
    Accept: '*/*',
    'Content-Type': 'application/json',
    'Accept-Encoding': 'gzip, deflate, br',
    'User-Agent': 'EchoapiRuntime/1.1.0',
    Connection: 'keep-alive'
  },
  data: {username: 'admin', password: 'password'}
};

axios.request(options).then(function (response) {
  console.log(response.data);
}).catch(function (error) {
  console.error(error);
});

cURL 가져오기

cURL 요청을 EchoAPI로 가져와 자동으로 요청을 생성할 수도 있습니다. 그런 다음 서식 버튼을 사용하여 JSON 또는 XML 콘텐츠의 서식을 지정하세요.

예를 들어 Jasmin SMS 게이트웨이에서 cURL 요청 가져오기:

curl -X POST \
  'https://httpbin.org/anything' \
  --header 'Accept: */*' \
  --header 'Authorization: Basic Zm9vOmJhcg==' \
  --header 'Content-Type: application/json' \
  --data '{
  "to": 19012233451,
  "from": "Jookies",
  "content": "Hello",
  "dlr": "yes",
  "dlr-url": "http://192.168.202.54/dlr_receiver.php",
  "dlr-level": 3
}'

Using Thunder Client for VS Code? Stop! Here is the Ideal Extension for Your API Testing Needs.

위 내용은 VS Code에 Thunder 클라이언트를 사용하시나요? 멈추다! 귀하의 API 테스트 요구 사항에 맞는 이상적인 확장 기능은 다음과 같습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.