ホームページ >ウェブフロントエンド >jsチュートリアル >VS Code に Thunder クライアントを使用していますか?停止! API テストのニーズに最適な拡張機能は次のとおりです。

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

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-10 21:40:11892ブラウズ

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 リクエスト キャプチャ拡張機能とも、ログインを必要とせずに統合されます。

  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 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.

以上がVS Code に Thunder クライアントを使用していますか?停止! API テストのニーズに最適な拡張機能は次のとおりです。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。