VS Code に Thunder クライアントを使用していますか?停止！ API テストのニーズに最適な拡張機能は次のとおりです。-jsチュートリアル-php.cn

VS Code に Thunder クライアントを使用していますか?停止！ API テストのニーズに最適な拡張機能は次のとおりです。

Linda Hamilton

リリース： 2024-12-10 21:40:11

オリジナル

923 人が閲覧しました

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

EchoAPI: VS Code を離れずに使用できる究極の API テストツール

EchoAPI を使用すると、コードエディターから直接 API をテストできます。リクエストのコレクションを保存し、1 日後でも 1 か月後でも、必要なときにいつでも再アクセスできます。さらに、コレクションを JSON ファイルとしてエクスポートして、チームと共有したり、将来使用したりすることもできます。

EchoAPI は、スクラッチパッドをサポートする API 開発用の超軽量コラボレーションツールです。これは Postman に代わる素晴らしい代替手段であり、API 設計、デバッグ、自動テスト、負荷テストなどの機能を提供します。また、IntelliJ IDEA、VS Code、さらには Chrome リクエストキャプチャ拡張機能とも、ログインを必要とせずに統合されます。

ログインは必要ありません
スクラッチパッドをサポート
超軽量
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 Gateway からの 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.