Heim > Web-Frontend > js-Tutorial > Verwenden Sie Thunder Client für VS-Code? Stoppen! Hier ist die ideale Erweiterung für Ihre API-Testanforderungen.

Verwenden Sie Thunder Client für VS-Code? Stoppen! Hier ist die ideale Erweiterung für Ihre API-Testanforderungen.

Linda Hamilton
Freigeben: 2024-12-10 21:40:11
Original
921 Leute haben es durchsucht

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

EchoAPI: Ihr ultimatives API-Testtool, ohne VS-Code zu verlassen

Mit EchoAPI können Sie Ihre APIs direkt von Ihrem Code-Editor aus testen. Sie können eine Sammlung Ihrer Anfragen speichern und sie bei Bedarf erneut aufrufen, sei es einen Tag oder einen Monat später. Außerdem können Sie die Sammlung als JSON-Datei exportieren, um sie mit Ihrem Team zu teilen oder für die zukünftige Verwendung.

EchoAPI ist ein ultraleichtes Kollaborationstool für die API-Entwicklung, das Scratch Pad unterstützt. Es ist eine fantastische Alternative zu Postman und bietet Ihnen Funktionen wie API-Design, Debugging, automatisierte Tests und Lasttests. Es lässt sich auch in IntelliJ IDEA, VS Code und sogar eine Chrome-Erweiterung zur Anforderungserfassung integrieren, alles ohne dass eine Anmeldung erforderlich ist.

  1. Keine Anmeldung erforderlich
  2. Unterstützt Scratch Pad
  3. Ultraleicht
  4. 100 % kompatibel mit der Postman-Skriptsyntax

Erste Schritte mit EchoAPI

Um die EchoAPI-Erweiterung zu verwenden, klicken Sie auf das EchoAPI-Symbol in der Aktionsleiste. Klicken Sie in der Seitenleiste auf die Schaltfläche „Neue Anfrage“, um Ihre API zu testen.

Angenommen, Sie müssen eine API mit den folgenden Details testen:

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

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

Geben Sie diese Informationen einfach in das EchoAPI-Anfrageformular ein und schon können Sie die Anfrage abschicken.

Generieren Sie Code-Snippets

EchoAPI kann auch Codeausschnitte für cURL-Befehle, JavaScript Axios und andere Optionen generieren. So sieht ein cURL-Befehl für eine JWT AUTH-Anfrage in EchoAPI aus:

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

Und hier ist eine JavaScript-Axios-Anfrage:

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);
});
Nach dem Login kopieren

cURL importieren

Sie können cURL-Anfragen auch in EchoAPI importieren, wodurch automatisch eine Anfrage für Sie erstellt wird. Formatieren Sie dann den JSON- oder XML-Inhalt mit der Schaltfläche „Formatieren“.

Zum Beispiel Importieren einer cURL-Anfrage vom Jasmin SMS Gateway:

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
}'
Nach dem Login kopieren

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

Das obige ist der detaillierte Inhalt vonVerwenden Sie Thunder Client für VS-Code? Stoppen! Hier ist die ideale Erweiterung für Ihre API-Testanforderungen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage